@plannotator/ui 0.22.0

package/themes/material.css

@@ -0,0 +1,62 @@
+/* Material Theme — by Mattia Astorino (equinusocio) */
+.theme-material {
+  --background: #263238;
+  --foreground: #EEFFFF;
+  --card: #2E3C43;
+  --card-foreground: #EEFFFF;
+  --popover: #263238;
+  --popover-foreground: #EEFFFF;
+  --primary: #80CBC4;
+  --primary-foreground: #263238;
+  --secondary: #37474F;
+  --secondary-foreground: #6c8692;
+  --muted: #303C41;
+  --muted-foreground: #546E7A;
+  --accent: #C3E88D;
+  --accent-foreground: #263238;
+  --destructive: #f07178;
+  --destructive-foreground: #263238;
+  --border: #37474F;
+  --input: #303C41;
+  --ring: #80CBC4;
+  --success: #C3E88D;
+  --success-foreground: #263238;
+  --warning: #FFCB6B;
+  --warning-foreground: #263238;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #2D3B41;
+  --focus-highlight: #80CBC4;
+}
+
+.theme-material.light {
+  --background: #FAFAFA;
+  --foreground: #546E7A;
+  --card: #F0F4F5;
+  --card-foreground: #546E7A;
+  --popover: #FAFAFA;
+  --popover-foreground: #546E7A;
+  --primary: #80CBC4;
+  --primary-foreground: #263238;
+  --secondary: #E8EDEF;
+  --secondary-foreground: #758a95;
+  --muted: #EEEEEE;
+  --muted-foreground: #B0BEC5;
+  --accent: #39ADB5;
+  --accent-foreground: #FAFAFA;
+  --destructive: #E53935;
+  --destructive-foreground: #FAFAFA;
+  --border: #B0BEC5;
+  --input: #EEEEEE;
+  --ring: #80CBC4;
+  --success: #91B859;
+  --success-foreground: #FAFAFA;
+  --warning: #E2931D;
+  --warning-foreground: #FAFAFA;
+
+  --code-bg: #EEEEEE;
+  --focus-highlight: #80CBC4;
+}

package/themes/min.css

@@ -0,0 +1,66 @@
+/* Min — by Miguel Solorio */
+.theme-min {
+  --background: #1f1f1f;
+  --foreground: #b392f0;
+  --card: #242424;
+  --card-foreground: #b392f0;
+  --popover: #242424;
+  --popover-foreground: #b392f0;
+  --primary: #b392f0;
+  --primary-foreground: #1f1f1f;
+  --secondary: #2a2a2a;
+  --secondary-foreground: #bbbbbb;
+  --muted: #2a2a2a;
+  --muted-foreground: #6b737c;
+  --accent: #79b8ff;
+  --accent-foreground: #1f1f1f;
+  --destructive: #ff7a84;
+  --destructive-foreground: #1f1f1f;
+  --border: #383838;
+  --input: #383838;
+  --ring: #b392f0;
+  --success: #3a632a;
+  --success-foreground: #ffffff;
+  --warning: #cd9731;
+  --warning-foreground: #1f1f1f;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #2a2a2a;
+  --focus-highlight: #b392f0;
+}
+
+.theme-min.light {
+  --background: #ffffff;
+  --foreground: #24292e;
+  --card: #f6f6f6;
+  --card-foreground: #24292e;
+  --popover: #f6f6f6;
+  --popover-foreground: #24292e;
+  --primary: #6f42c1;
+  --primary-foreground: #ffffff;
+  --secondary: #eeeeee;
+  --secondary-foreground: #212121;
+  --muted: #f6f6f6;
+  --muted-foreground: #c2c3c5;
+  --accent: #1976d2;
+  --accent-foreground: #ffffff;
+  --destructive: #d32f2f;
+  --destructive-foreground: #ffffff;
+  --border: #e9e9e9;
+  --input: #e9e9e9;
+  --ring: #6f42c1;
+  --success: #77cc00;
+  --success-foreground: #ffffff;
+  --warning: #f29718;
+  --warning-foreground: #ffffff;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #f3f3f3;
+  --focus-highlight: #6f42c1;
+}

package/themes/monokai-pro.css

@@ -0,0 +1,34 @@
+/* Monokai Pro — dark only */
+.theme-monokai-pro,
+.theme-monokai-pro.light {
+  --background: #2d2a2e;
+  --foreground: #fcfcfa;
+  --card: #403e41;
+  --card-foreground: #fcfcfa;
+  --popover: #403e41;
+  --popover-foreground: #fcfcfa;
+  --primary: #ffd866;
+  --primary-foreground: #2d2a2e;
+  --secondary: #5b595c;
+  --secondary-foreground: #fcfcfa;
+  --muted: #403e41;
+  --muted-foreground: #727072;
+  --accent: #78dce8;
+  --accent-foreground: #2d2a2e;
+  --destructive: #ff6188;
+  --destructive-foreground: #2d2a2e;
+  --border: #5b595c;
+  --input: #403e41;
+  --ring: #ffd866;
+  --success: #a9dc76;
+  --success-foreground: #2d2a2e;
+  --warning: #fc9867;
+  --warning-foreground: #2d2a2e;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #221f22;
+  --focus-highlight: #78dce8;
+}

package/themes/neutral.css

@@ -0,0 +1,59 @@
+.theme-neutral {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.225 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.21 0.006 285.885);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.16 0.005 285.823);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.274 0.006 286.033);
+  --input: oklch(0.274 0.006 286.033);
+  --ring: oklch(0.442 0.017 285.786);
+  --success: oklch(0.62 0.194 149.214);
+  --success-foreground: oklch(0.985 0 0);
+  --warning: oklch(0.75 0.15 85);
+  --warning-foreground: oklch(0.21 0.006 285.885);
+
+  --font-sans: "Inter", system-ui, sans-serif;
+  --font-mono: "Geist Mono", "SF Mono", Consolas, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: oklch(0.205 0.006 285.885);
+}
+
+.theme-neutral.light {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.21 0.006 285.885);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.871 0.006 286.286);
+  --success: oklch(0.62 0.194 149.214);
+  --success-foreground: oklch(0.141 0.005 285.823);
+  --warning: oklch(0.55 0.18 85);
+  --warning-foreground: oklch(0.141 0.005 285.823);
+
+  --code-bg: oklch(0.967 0.001 286.375);
+}

package/themes/night-owl.css

@@ -0,0 +1,66 @@
+/* Night Owl — by Sarah Drasner */
+.theme-night-owl {
+  --background: #011627;
+  --foreground: #d6deeb;
+  --card: #0b2942;
+  --card-foreground: #d6deeb;
+  --popover: #0b2942;
+  --popover-foreground: #d6deeb;
+  --primary: #7e57c2;
+  --primary-foreground: #ffffff;
+  --secondary: #0b253a;
+  --secondary-foreground: #89a4bb;
+  --muted: #0b253a;
+  --muted-foreground: #4b6479;
+  --accent: #82aaff;
+  --accent-foreground: #011627;
+  --destructive: #ef5350;
+  --destructive-foreground: #011627;
+  --border: #5f7e97;
+  --input: #0b253a;
+  --ring: #7e57c2;
+  --success: #addb67;
+  --success-foreground: #011627;
+  --warning: #ffcb6b;
+  --warning-foreground: #011627;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #0b2942;
+  --focus-highlight: #7e57c2;
+}
+
+.theme-night-owl.light {
+  --background: #011627;
+  --foreground: #d6deeb;
+  --card: #0b2942;
+  --card-foreground: #d6deeb;
+  --popover: #0b2942;
+  --popover-foreground: #d6deeb;
+  --primary: #7e57c2;
+  --primary-foreground: #ffffff;
+  --secondary: #0b253a;
+  --secondary-foreground: #89a4bb;
+  --muted: #0b253a;
+  --muted-foreground: #4b6479;
+  --accent: #82aaff;
+  --accent-foreground: #011627;
+  --destructive: #ef5350;
+  --destructive-foreground: #011627;
+  --border: #5f7e97;
+  --input: #0b253a;
+  --ring: #7e57c2;
+  --success: #addb67;
+  --success-foreground: #011627;
+  --warning: #ffcb6b;
+  --warning-foreground: #011627;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #0b2942;
+  --focus-highlight: #7e57c2;
+}

package/themes/nord.css

@@ -0,0 +1,66 @@
+/* Nord — by Arctic Ice Studio */
+.theme-nord {
+  --background: #2e3440;
+  --foreground: #d8dee9;
+  --card: #3b4252;
+  --card-foreground: #d8dee9;
+  --popover: #3b4252;
+  --popover-foreground: #d8dee9;
+  --primary: #88c0d0;
+  --primary-foreground: #2e3440;
+  --secondary: #434c5e;
+  --secondary-foreground: #d8dee9;
+  --muted: #3b4252;
+  --muted-foreground: #616e88;
+  --accent: #81a1c1;
+  --accent-foreground: #2e3440;
+  --destructive: #bf616a;
+  --destructive-foreground: #2e3440;
+  --border: #434c5e;
+  --input: #3b4252;
+  --ring: #88c0d0;
+  --success: #a3be8c;
+  --success-foreground: #2e3440;
+  --warning: #ebcb8b;
+  --warning-foreground: #2e3440;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #4c566a;
+  --focus-highlight: #88c0d0;
+}
+
+.theme-nord.light {
+  --background: #2e3440;
+  --foreground: #d8dee9;
+  --card: #3b4252;
+  --card-foreground: #d8dee9;
+  --popover: #3b4252;
+  --popover-foreground: #d8dee9;
+  --primary: #88c0d0;
+  --primary-foreground: #2e3440;
+  --secondary: #434c5e;
+  --secondary-foreground: #d8dee9;
+  --muted: #3b4252;
+  --muted-foreground: #616e88;
+  --accent: #81a1c1;
+  --accent-foreground: #2e3440;
+  --destructive: #bf616a;
+  --destructive-foreground: #2e3440;
+  --border: #434c5e;
+  --input: #3b4252;
+  --ring: #88c0d0;
+  --success: #a3be8c;
+  --success-foreground: #2e3440;
+  --warning: #ebcb8b;
+  --warning-foreground: #2e3440;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #4c566a;
+  --focus-highlight: #88c0d0;
+}

package/themes/one-dark-pro.css

@@ -0,0 +1,66 @@
+/* One Dark Pro — by Binaryify */
+.theme-one-dark-pro {
+  --background: #282c34;
+  --foreground: #abb2bf;
+  --card: #21252b;
+  --card-foreground: #abb2bf;
+  --popover: #21252b;
+  --popover-foreground: #abb2bf;
+  --primary: #61afef;
+  --primary-foreground: #282c34;
+  --secondary: #21252b;
+  --secondary-foreground: #abb2bf;
+  --muted: #1d1f23;
+  --muted-foreground: #5c6370;
+  --accent: #c678dd;
+  --accent-foreground: #282c34;
+  --destructive: #e06c75;
+  --destructive-foreground: #282c34;
+  --border: #3e4452;
+  --input: #1d1f23;
+  --ring: #528bff;
+  --success: #98c379;
+  --success-foreground: #282c34;
+  --warning: #e5c07b;
+  --warning-foreground: #282c34;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #2c313a;
+  --focus-highlight: #528bff;
+}
+
+.theme-one-dark-pro.light {
+  --background: #282c34;
+  --foreground: #abb2bf;
+  --card: #21252b;
+  --card-foreground: #abb2bf;
+  --popover: #21252b;
+  --popover-foreground: #abb2bf;
+  --primary: #61afef;
+  --primary-foreground: #282c34;
+  --secondary: #21252b;
+  --secondary-foreground: #abb2bf;
+  --muted: #1d1f23;
+  --muted-foreground: #5c6370;
+  --accent: #c678dd;
+  --accent-foreground: #282c34;
+  --destructive: #e06c75;
+  --destructive-foreground: #282c34;
+  --border: #3e4452;
+  --input: #1d1f23;
+  --ring: #528bff;
+  --success: #98c379;
+  --success-foreground: #282c34;
+  --warning: #e5c07b;
+  --warning-foreground: #282c34;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #2c313a;
+  --focus-highlight: #528bff;
+}

package/themes/one-light.css

@@ -0,0 +1,66 @@
+/* One Light — by Atom */
+.theme-one-light {
+  --background: #fafafa;
+  --foreground: #383a42;
+  --card: #eaeaeb;
+  --card-foreground: #383a42;
+  --popover: #eaeaeb;
+  --popover-foreground: #383a42;
+  --primary: #526fff;
+  --primary-foreground: #ffffff;
+  --secondary: #e5e5e6;
+  --secondary-foreground: #383a42;
+  --muted: #eaeaeb;
+  --muted-foreground: #a0a1a7;
+  --accent: #4078f2;
+  --accent-foreground: #ffffff;
+  --destructive: #e45649;
+  --destructive-foreground: #ffffff;
+  --border: #dbdbdc;
+  --input: #dbdbdc;
+  --ring: #526fff;
+  --success: #3bba54;
+  --success-foreground: #ffffff;
+  --warning: #c18401;
+  --warning-foreground: #ffffff;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #e5e5e6;
+  --focus-highlight: #526fff;
+}
+
+.theme-one-light.light {
+  --background: #fafafa;
+  --foreground: #383a42;
+  --card: #eaeaeb;
+  --card-foreground: #383a42;
+  --popover: #eaeaeb;
+  --popover-foreground: #383a42;
+  --primary: #526fff;
+  --primary-foreground: #ffffff;
+  --secondary: #e5e5e6;
+  --secondary-foreground: #383a42;
+  --muted: #eaeaeb;
+  --muted-foreground: #a0a1a7;
+  --accent: #4078f2;
+  --accent-foreground: #ffffff;
+  --destructive: #e45649;
+  --destructive-foreground: #ffffff;
+  --border: #dbdbdc;
+  --input: #dbdbdc;
+  --ring: #526fff;
+  --success: #3bba54;
+  --success-foreground: #ffffff;
+  --warning: #c18401;
+  --warning-foreground: #ffffff;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #e5e5e6;
+  --focus-highlight: #526fff;
+}

package/themes/paulmillr.css

@@ -0,0 +1,34 @@
+/* PaulMillr — terminal color scheme */
+.theme-paulmillr,
+.theme-paulmillr.light {
+  --background: #000000;
+  --foreground: #f2f2f2;
+  --card: #2a2a2a;
+  --card-foreground: #f2f2f2;
+  --popover: #2a2a2a;
+  --popover-foreground: #f2f2f2;
+  --primary: #396bd7;
+  --primary-foreground: #ffffff;
+  --secondary: #414141;
+  --secondary-foreground: #f2f2f2;
+  --muted: #2a2a2a;
+  --muted-foreground: #bbbbbb;
+  --accent: #66ccff;
+  --accent-foreground: #000000;
+  --destructive: #ff0000;
+  --destructive-foreground: #ffffff;
+  --border: #414141;
+  --input: #2a2a2a;
+  --ring: #396bd7;
+  --success: #79ff0f;
+  --success-foreground: #000000;
+  --warning: #e7bf00;
+  --warning-foreground: #000000;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: ui-monospace, 'SF Mono', Consolas, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #1a1a1a;
+  --focus-highlight: #66ccff;
+}

package/themes/plannotator.css

@@ -0,0 +1,60 @@
+.theme-plannotator {
+  --background: oklch(0.15 0.02 260);
+  --foreground: oklch(0.90 0.01 260);
+  --card: oklch(0.22 0.02 260);
+  --card-foreground: oklch(0.90 0.01 260);
+  --popover: oklch(0.28 0.025 260);
+  --popover-foreground: oklch(0.90 0.01 260);
+  --primary: oklch(0.75 0.18 280);
+  --primary-foreground: oklch(0.15 0.02 260);
+  --secondary: oklch(0.65 0.15 180);
+  --secondary-foreground: oklch(0.15 0.02 260);
+  --muted: oklch(0.26 0.02 260);
+  --muted-foreground: oklch(0.72 0.02 260);
+  --accent: oklch(0.70 0.20 60);
+  --accent-foreground: oklch(0.15 0.02 260);
+  --destructive: oklch(0.65 0.20 25);
+  --destructive-foreground: oklch(0.98 0 0);
+  --border: oklch(0.35 0.02 260);
+  --input: oklch(0.26 0.02 260);
+  --ring: oklch(0.75 0.18 280);
+  --success: oklch(0.72 0.17 150);
+  --success-foreground: oklch(0.15 0.02 260);
+  --warning: oklch(0.75 0.15 85);
+  --warning-foreground: oklch(0.20 0.02 260);
+
+  --font-sans: 'Inter', system-ui, sans-serif;
+  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
+  --radius: 0.625rem;
+
+  --code-bg: oklch(0.26 0.02 260);
+  --focus-highlight: oklch(0.70 0.20 200);
+}
+
+.theme-plannotator.light {
+  --background: oklch(0.97 0.005 260);
+  --foreground: oklch(0.18 0.02 260);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.18 0.02 260);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.18 0.02 260);
+  --primary: oklch(0.50 0.25 280);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.50 0.18 180);
+  --secondary-foreground: oklch(1 0 0);
+  --muted: oklch(0.92 0.01 260);
+  --muted-foreground: oklch(0.40 0.02 260);
+  --accent: oklch(0.60 0.22 50);
+  --accent-foreground: oklch(0.18 0.02 260);
+  --destructive: oklch(0.50 0.25 25);
+  --destructive-foreground: oklch(1 0 0);
+  --border: oklch(0.88 0.01 260);
+  --input: oklch(0.92 0.01 260);
+  --ring: oklch(0.50 0.25 280);
+  --success: oklch(0.45 0.20 150);
+  --success-foreground: oklch(1 0 0);
+  --warning: oklch(0.55 0.18 85);
+  --warning-foreground: oklch(0.18 0.02 260);
+
+  --code-bg: oklch(0.92 0.01 260);
+}

package/themes/plastic.css

@@ -0,0 +1,66 @@
+/* Plastic — by Will Stone */
+.theme-plastic {
+  --background: #21252b;
+  --foreground: #a9b2c3;
+  --card: #181a1f;
+  --card-foreground: #a9b2c3;
+  --popover: #181a1f;
+  --popover-foreground: #a9b2c3;
+  --primary: #1085ff;
+  --primary-foreground: #ffffff;
+  --secondary: #0d1117;
+  --secondary-foreground: #c6ccd7;
+  --muted: #181a1f;
+  --muted-foreground: #5f6672;
+  --accent: #61afef;
+  --accent-foreground: #0d1117;
+  --destructive: #d74e42;
+  --destructive-foreground: #ffffff;
+  --border: #0d1117;
+  --input: #0d1117;
+  --ring: #1085ff;
+  --success: #98c379;
+  --success-foreground: #0d1117;
+  --warning: #e5c07b;
+  --warning-foreground: #0d1117;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #0d1117;
+  --focus-highlight: #1085ff;
+}
+
+.theme-plastic.light {
+  --background: #21252b;
+  --foreground: #a9b2c3;
+  --card: #181a1f;
+  --card-foreground: #a9b2c3;
+  --popover: #181a1f;
+  --popover-foreground: #a9b2c3;
+  --primary: #1085ff;
+  --primary-foreground: #ffffff;
+  --secondary: #0d1117;
+  --secondary-foreground: #c6ccd7;
+  --muted: #181a1f;
+  --muted-foreground: #5f6672;
+  --accent: #61afef;
+  --accent-foreground: #0d1117;
+  --destructive: #d74e42;
+  --destructive-foreground: #ffffff;
+  --border: #0d1117;
+  --input: #0d1117;
+  --ring: #1085ff;
+  --success: #98c379;
+  --success-foreground: #0d1117;
+  --warning: #e5c07b;
+  --warning-foreground: #0d1117;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #0d1117;
+  --focus-highlight: #1085ff;
+}