@kanzo-tech/theme 0.0.1-alpha

package/themes/monochrome.css

@@ -0,0 +1,63 @@
+/* monochrome — a theme is one mode, one flat block. Generated by scripts/extract-themes.mjs
+   from the compiled document that shipped before the derivation was cut, so the colours are
+   unchanged. Edit this file by hand from here on: it is source now, not output. */
+[data-theme="monochrome"] {
+  color-scheme: light;
+
+  /* The twenty-one */
+  --background: #fafafa;
+  --foreground: #0f0f0f;
+  --card: #fafafa;
+  --muted: #efefef;
+  --muted-foreground: #454545;
+  --primary: #0f0f0f;
+  --primary-foreground: #fafafa;
+  --secondary: #e6e6e6;
+  --accent: #d9d9d9;
+  --destructive: #e7000b;
+  --destructive-content: #fef9f8;
+  --info: #155dfc;
+  --info-content: #f8fafe;
+  --success: #009966;
+  --success-content: #001309;
+  --warning: #e17100;
+  --warning-content: #1b0700;
+  --border: #c9c9c9;
+  --ring: #737373;
+
+  /* Authored pending a measured color-mix default — see extract-themes.mjs */
+  --input: #737373;
+  --field: #00000008;
+  --faint: #6a6a6a;
+  --destructive-foreground: #8d0003;
+  --info-foreground: #0032a7;
+  --success-foreground: #005b3b;
+  --warning-foreground: #844000;
+
+  /* Shape */
+  --radius-box: 0.75rem;
+  --radius-field: 0.5rem;
+  --radius-selector: 0.25rem;
+  --size-field: 0.25rem;
+  --size-selector: 0.25rem;
+  --stroke: 1px;
+  --depth: 0;
+
+  /* Optional: categorical set and syntax */
+  --chart-capacity: 0;
+  --chart-1: var(--muted-foreground);
+  --chart-2: var(--muted-foreground);
+  --chart-3: var(--muted-foreground);
+  --chart-4: var(--muted-foreground);
+  --chart-5: var(--muted-foreground);
+  --chart-6: var(--muted-foreground);
+  --chart-7: var(--muted-foreground);
+  --chart-8: var(--muted-foreground);
+  --syntax-keyword: #8200db;
+  --syntax-string: #007a55;
+  --syntax-number: #ca3500;
+  --syntax-function: #1447e6;
+  --syntax-identifier: #c10007;
+  --syntax-property: #007595;
+  --syntax-type: #a15c00;
+}

package/themes/night.css

@@ -0,0 +1,54 @@
+/* night — imported from daisyUI 5.7.20 (MIT), converted from OKLCh to hex.
+   Copyright (c) 2020 Pouya Saadeghi. https://github.com/saadeghi/daisyui
+
+   Their twenty colours mapped onto our twenty-one; the mapping and what it decides are in
+   `scripts/import-daisy.mjs`. Not one value was corrected — a theme whose own colours failed the
+   contrast guard was skipped rather than nudged, because a nudged `pastel` is not `pastel`.
+
+   SOURCE from here on. Edit it by hand; nothing regenerates it. */
+[data-theme="night"] {
+  color-scheme: dark;
+
+  /* The twenty-one */
+  --background: #0f172a;
+  --foreground: #c9cbd0;
+  --card: #0f172a;
+  --muted: #0c1425;
+  --muted-foreground: #7b808d;
+  --primary: #3abdf7;
+  --primary-foreground: #010d15;
+  --secondary: #818cf8;
+  --secondary-foreground: #060715;
+  --accent: #0b1222;
+  --destructive: #fb7085;
+  --destructive-content: #150406;
+  --info: #0ca5e9;
+  --info-content: #000000;
+  --success: #2fd4bf;
+  --success-content: #01100d;
+  --warning: #f4bf51;
+  --warning-content: #140d02;
+  --border: #0a1120;
+  --ring: #3abdf7;
+
+  /* The same families, read on the page rather than on their fill */
+  --destructive-foreground: #ec98a3;
+  --info-foreground: #74b6e0;
+  --success-foreground: #83d1c6;
+  --warning-foreground: #e3c58d;
+
+  /* Shape */
+  --radius-box: 1rem;
+  --radius-field: 0.5rem;
+  --radius-selector: 1rem;
+  --size-field: 0.25rem;
+  --size-selector: 0.25rem;
+  --stroke: 1px;
+  --depth: 0;
+
+  /* daisyUI has no categorical channel, so this theme authors no `--chart-*` and takes the eight
+     `tokens.css` publishes as its fallback. It does NOT declare `--chart-capacity: 0`: zero means
+     *this theme declines the channel*, which is `monochrome`'s answer and not this one — an absent
+     capacity reads as the full count, which is now true because there is a full set behind it.
+     Author eight of your own here and they win, slot by slot. */
+}

package/themes/nord-dark.css

@@ -0,0 +1,64 @@
+/* nord-dark — a theme is one mode, one flat block. Generated by scripts/extract-themes.mjs
+   from the compiled document that shipped before the derivation was cut, so the colours are
+   unchanged. Edit this file by hand from here on: it is source now, not output. */
+[data-theme="nord-dark"] {
+  color-scheme: dark;
+
+  /* The twenty-one */
+  --background: #090a0c;
+  --foreground: #edf1fb;
+  --card: #0b0c0e;
+  --muted: #101217;
+  --muted-foreground: #959fb2;
+  --primary: #679eae;
+  --primary-foreground: #070b0c;
+  --secondary: #161921;
+  --accent: #1e222b;
+  --destructive: #e7000b;
+  --destructive-content: #ffffff;
+  --info: #155dfc;
+  --info-content: #e8f0ff;
+  --success: #009966;
+  --success-content: #060c08;
+  --warning: #e17100;
+  --warning-content: #100805;
+  --border: #282d36;
+  --ring: #567a84;
+
+  /* Authored pending a measured color-mix default — see extract-themes.mjs */
+  --popover: #101217;
+  --input: #545e73;
+  --field: #090a0c;
+  --faint: #959fb2;
+  --destructive-foreground: #ff8677;
+  --info-foreground: #7aa7ff;
+  --success-foreground: #66c999;
+  --warning-foreground: #ffa264;
+
+  /* Shape */
+  --radius-box: 0.75rem;
+  --radius-field: 0.5rem;
+  --radius-selector: 0.25rem;
+  --size-field: 0.25rem;
+  --size-selector: 0.25rem;
+  --stroke: 1px;
+  --depth: 0;
+
+  /* Optional: categorical set and syntax */
+  --chart-capacity: 8;
+  --chart-1: #e12afb;
+  --chart-2: #a65f00;
+  --chart-3: #0092b8;
+  --chart-4: #f54900;
+  --chart-5: #2b7fff;
+  --chart-6: #ff2056;
+  --chart-7: #7f22fe;
+  --chart-8: #008236;
+  --syntax-keyword: #b48ead;
+  --syntax-string: #a3be8c;
+  --syntax-number: #d08770;
+  --syntax-function: #81a1c1;
+  --syntax-identifier: #bf616a;
+  --syntax-property: #88c0d0;
+  --syntax-type: #ebcb8b;
+}

package/themes/nord.css

@@ -0,0 +1,63 @@
+/* nord — a theme is one mode, one flat block. Generated by scripts/extract-themes.mjs
+   from the compiled document that shipped before the derivation was cut, so the colours are
+   unchanged. Edit this file by hand from here on: it is source now, not output. */
+[data-theme="nord"] {
+  color-scheme: light;
+
+  /* The twenty-one */
+  --background: #f9fafb;
+  --foreground: #0c1017;
+  --card: #f9fafb;
+  --muted: #ebedf1;
+  --muted-foreground: #2e3646;
+  --primary: #6299a9;
+  --primary-foreground: #001016;
+  --secondary: #dde1e8;
+  --accent: #cdd2db;
+  --destructive: #e7000b;
+  --destructive-content: #fef9f8;
+  --info: #155dfc;
+  --info-content: #f8fafe;
+  --success: #009966;
+  --success-content: #001309;
+  --warning: #e17100;
+  --warning-content: #1b0700;
+  --border: #b8bdc8;
+  --ring: #6299a9;
+
+  /* Authored pending a measured color-mix default — see extract-themes.mjs */
+  --input: #798191;
+  --field: #0000000a;
+  --faint: #444e61;
+  --destructive-foreground: #8d0003;
+  --info-foreground: #0032a7;
+  --success-foreground: #005b3b;
+  --warning-foreground: #844000;
+
+  /* Shape */
+  --radius-box: 0.75rem;
+  --radius-field: 0.5rem;
+  --radius-selector: 0.25rem;
+  --size-field: 0.25rem;
+  --size-selector: 0.25rem;
+  --stroke: 1px;
+  --depth: 0;
+
+  /* Optional: categorical set and syntax */
+  --chart-capacity: 8;
+  --chart-1: #00c950;
+  --chart-2: #a800b7;
+  --chart-3: #ff8904;
+  --chart-4: #2b7fff;
+  --chart-5: #ff2056;
+  --chart-6: #7008e7;
+  --chart-7: #a65f00;
+  --chart-8: #0092b8;
+  --syntax-keyword: #84607e;
+  --syntax-string: #5a7344;
+  --syntax-number: #9e5944;
+  --syntax-function: #506e8c;
+  --syntax-identifier: #0c1017;
+  --syntax-property: #0c1017;
+  --syntax-type: #7e6120;
+}

package/themes/sunset.css

@@ -0,0 +1,54 @@
+/* sunset — imported from daisyUI 5.7.20 (MIT), converted from OKLCh to hex.
+   Copyright (c) 2020 Pouya Saadeghi. https://github.com/saadeghi/daisyui
+
+   Their twenty colours mapped onto our twenty-one; the mapping and what it decides are in
+   `scripts/import-daisy.mjs`. Not one value was corrected — a theme whose own colours failed the
+   contrast guard was skipped rather than nudged, because a nudged `pastel` is not `pastel`.
+
+   SOURCE from here on. Edit it by hand; nothing regenerates it. */
+[data-theme="sunset"] {
+  color-scheme: dark;
+
+  /* The twenty-one */
+  --background: #121c22;
+  --foreground: #9fb9d0;
+  --card: #121c22;
+  --muted: #0e171e;
+  --muted-foreground: #708597;
+  --primary: #ff865b;
+  --primary-foreground: #160603;
+  --secondary: #fd6f9c;
+  --secondary-foreground: #160409;
+  --accent: #0b151b;
+  --destructive: #ffbbbd;
+  --destructive-content: #160d0d;
+  --info: #89e0eb;
+  --info-content: #071213;
+  --success: #addfad;
+  --success-content: #0b120b;
+  --warning: #f1c892;
+  --warning-content: #140f08;
+  --border: #091319;
+  --ring: #ff865b;
+
+  /* The same families, read on the page rather than on their fill */
+  --destructive-foreground: #dbbbc5;
+  --info-foreground: #94d0e0;
+  --success-foreground: #a7d0bc;
+  --warning-foreground: #d1c3ae;
+
+  /* Shape */
+  --radius-box: 1rem;
+  --radius-field: 0.5rem;
+  --radius-selector: 1rem;
+  --size-field: 0.25rem;
+  --size-selector: 0.25rem;
+  --stroke: 1px;
+  --depth: 0;
+
+  /* daisyUI has no categorical channel, so this theme authors no `--chart-*` and takes the eight
+     `tokens.css` publishes as its fallback. It does NOT declare `--chart-capacity: 0`: zero means
+     *this theme declines the channel*, which is `monochrome`'s answer and not this one — an absent
+     capacity reads as the full count, which is now true because there is a full set behind it.
+     Author eight of your own here and they win, slot by slot. */
+}

package/themes/synthwave.css

@@ -0,0 +1,54 @@
+/* synthwave — imported from daisyUI 5.7.20 (MIT), converted from OKLCh to hex.
+   Copyright (c) 2020 Pouya Saadeghi. https://github.com/saadeghi/daisyui
+
+   Their twenty colours mapped onto our twenty-one; the mapping and what it decides are in
+   `scripts/import-daisy.mjs`. Not one value was corrected — a theme whose own colours failed the
+   contrast guard was skipped rather than nudged, because a nudged `pastel` is not `pastel`.
+
+   SOURCE from here on. Edit it by hand; nothing regenerates it. */
+[data-theme="synthwave"] {
+  color-scheme: dark;
+
+  /* The twenty-one */
+  --background: #09002f;
+  --foreground: #a1b1ff;
+  --card: #09002f;
+  --muted: #120b3d;
+  --muted-foreground: #737ec4;
+  --primary: #f861b4;
+  --primary-foreground: #500323;
+  --secondary: #71d1fe;
+  --secondary-foreground: #042e49;
+  --accent: #181345;
+  --destructive: #ec8c78;
+  --destructive-content: #201047;
+  --info: #00bafe;
+  --info-content: #042e49;
+  --success: #00d3bb;
+  --success-content: #002d2c;
+  --warning: #fede1c;
+  --warning-content: #733e0a;
+  --border: #1c184b;
+  --ring: #f861b4;
+
+  /* The same families, read on the page rather than on their fill */
+  --destructive-foreground: #d19eb1;
+  --info-foreground: #65b7fe;
+  --success-foreground: #68c7d7;
+  --warning-foreground: #d7d0a0;
+
+  /* Shape */
+  --radius-box: 1rem;
+  --radius-field: 0.5rem;
+  --radius-selector: 1rem;
+  --size-field: 0.25rem;
+  --size-selector: 0.25rem;
+  --stroke: 1px;
+  --depth: 0;
+
+  /* daisyUI has no categorical channel, so this theme authors no `--chart-*` and takes the eight
+     `tokens.css` publishes as its fallback. It does NOT declare `--chart-capacity: 0`: zero means
+     *this theme declines the channel*, which is `monochrome`'s answer and not this one — an absent
+     capacity reads as the full count, which is now true because there is a full set behind it.
+     Author eight of your own here and they win, slot by slot. */
+}

package/themes/wireframe.css

@@ -0,0 +1,54 @@
+/* wireframe — imported from daisyUI 5.7.20 (MIT), converted from OKLCh to hex.
+   Copyright (c) 2020 Pouya Saadeghi. https://github.com/saadeghi/daisyui
+
+   Their twenty colours mapped onto our twenty-one; the mapping and what it decides are in
+   `scripts/import-daisy.mjs`. Not one value was corrected — a theme whose own colours failed the
+   contrast guard was skipped rather than nudged, because a nudged `pastel` is not `pastel`.
+
+   SOURCE from here on. Edit it by hand; nothing regenerates it. */
+[data-theme="wireframe"] {
+  color-scheme: light;
+
+  /* The twenty-one */
+  --background: #ffffff;
+  --foreground: #161616;
+  --card: #ffffff;
+  --muted: #f5f5f5;
+  --muted-foreground: #6b6b6b;
+  --primary: #d4d4d4;
+  --primary-foreground: #242424;
+  --secondary: #d4d4d4;
+  --secondary-foreground: #242424;
+  --accent: #efefef;
+  --destructive: #9d0410;
+  --destructive-content: #fec8c8;
+  --info: #005889;
+  --info-content: #b8e6fe;
+  --success: #006044;
+  --success-content: #a3f2ce;
+  --warning: #963b00;
+  --warning-content: #fde484;
+  --border: #ebebeb;
+  --ring: #d4d4d4;
+
+  /* The same families, read on the page rather than on their fill */
+  --destructive-foreground: #651b18;
+  --info-foreground: #173d58;
+  --success-foreground: #184131;
+  --warning-foreground: #602e16;
+
+  /* Shape */
+  --radius-box: 0.25rem;
+  --radius-field: 0.25rem;
+  --radius-selector: 0rem;
+  --size-field: 0.25rem;
+  --size-selector: 0.25rem;
+  --stroke: 1px;
+  --depth: 0;
+
+  /* daisyUI has no categorical channel, so this theme authors no `--chart-*` and takes the eight
+     `tokens.css` publishes as its fallback. It does NOT declare `--chart-capacity: 0`: zero means
+     *this theme declines the channel*, which is `monochrome`'s answer and not this one — an absent
+     capacity reads as the full count, which is now true because there is a full set behind it.
+     Author eight of your own here and they win, slot by slot. */
+}

package/themes.css

@@ -0,0 +1,92 @@
+/* GENERATED by scripts/gen-theme.mjs. Do not edit by hand.
+   Two things: the catalogue of themes, and the user's non-colour preferences layered over
+   whatever theme is on. A theme is `themes/<name>.css` and is SOURCE — hand-written, one flat
+   block. This file never contains a colour. */
+
+@import "./themes/acid.css";
+@import "./themes/bank-dark.css";
+@import "./themes/bank-private-dark.css";
+@import "./themes/bank-private.css";
+@import "./themes/bank.css";
+@import "./themes/catppuccin-latte-dark.css";
+@import "./themes/catppuccin-latte.css";
+@import "./themes/catppuccin-mocha-dark.css";
+@import "./themes/catppuccin-mocha.css";
+@import "./themes/cmyk.css";
+@import "./themes/coffee.css";
+@import "./themes/cyberpunk.css";
+@import "./themes/dim.css";
+@import "./themes/dracula-dark.css";
+@import "./themes/dracula.css";
+@import "./themes/forest.css";
+@import "./themes/kanzo-dark.css";
+@import "./themes/kanzo.css";
+@import "./themes/lemonade.css";
+@import "./themes/lofi.css";
+@import "./themes/luxury.css";
+@import "./themes/monochrome-dark.css";
+@import "./themes/monochrome.css";
+@import "./themes/night.css";
+@import "./themes/nord-dark.css";
+@import "./themes/nord.css";
+@import "./themes/sunset.css";
+@import "./themes/synthwave.css";
+@import "./themes/wireframe.css";
+
+/* ── Radius (data-radius) ───────────────────────────────────────────────── */
+[data-radius="none"] {
+  --radius-box: 0rem;
+  --radius-field: 0rem;
+  --radius-selector: 0rem;
+}
+[data-radius="xs"] {
+  --radius-box: 0.1875rem;
+  --radius-field: 0.125rem;
+  --radius-selector: 0.0625rem;
+}
+[data-radius="sm"] {
+  --radius-box: 0.375rem;
+  --radius-field: 0.25rem;
+  --radius-selector: 0.125rem;
+}
+[data-radius="md"] {
+  --radius-box: 0.75rem;
+  --radius-field: 0.5rem;
+  --radius-selector: 0.25rem;
+}
+[data-radius="lg"] {
+  --radius-box: 0.9375rem;
+  --radius-field: 0.625rem;
+  --radius-selector: 0.3125rem;
+}
+
+/* ── Fonts (data-font / data-mono-font) ─────────────────────────────────── */
+[data-font="system"] {
+  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --font-heading: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+[data-font="geist"] {
+  --font-sans: var(--font-geist-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+  --font-heading: var(--font-geist-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+}
+[data-font="inter"] {
+  --font-sans: var(--font-inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+  --font-heading: var(--font-inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+}
+[data-mono-font="system"] {
+  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+}
+[data-mono-font="geist-mono"] {
+  --font-mono: var(--font-geist-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace);
+}
+[data-mono-font="jetbrains-mono"] {
+  --font-mono: var(--font-jetbrains-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace);
+}
+
+/* ── Density (data-font-size → root font-size rem-scale) ────────────────── */
+[data-font-size="compact"] {
+  font-size: 14px;
+}
+[data-font-size="comfortable"] {
+  font-size: 18px;
+}