@kanzo-tech/theme 0.0.1-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/README.md +130 -0
  2. package/dist/index.d.ts +427 -0
  3. package/dist/index.d.ts.map +1 -0
  4. package/dist/index.js +269 -0
  5. package/dist/index.js.map +1 -0
  6. package/dist/ink.d.ts +52 -0
  7. package/dist/ink.d.ts.map +1 -0
  8. package/dist/obligations.d.ts +45 -0
  9. package/dist/obligations.d.ts.map +1 -0
  10. package/dist/sections.d.ts +304 -0
  11. package/dist/sections.d.ts.map +1 -0
  12. package/package.json +43 -0
  13. package/theme-data.json +311 -0
  14. package/themes/acid.css +54 -0
  15. package/themes/bank-dark.css +64 -0
  16. package/themes/bank-private-dark.css +64 -0
  17. package/themes/bank-private.css +63 -0
  18. package/themes/bank.css +63 -0
  19. package/themes/catppuccin-latte-dark.css +64 -0
  20. package/themes/catppuccin-latte.css +63 -0
  21. package/themes/catppuccin-mocha-dark.css +64 -0
  22. package/themes/catppuccin-mocha.css +63 -0
  23. package/themes/cmyk.css +54 -0
  24. package/themes/coffee.css +54 -0
  25. package/themes/cyberpunk.css +54 -0
  26. package/themes/dim.css +54 -0
  27. package/themes/dracula-dark.css +64 -0
  28. package/themes/dracula.css +63 -0
  29. package/themes/forest.css +54 -0
  30. package/themes/kanzo-dark.css +73 -0
  31. package/themes/kanzo.css +70 -0
  32. package/themes/lemonade.css +54 -0
  33. package/themes/lofi.css +54 -0
  34. package/themes/luxury.css +54 -0
  35. package/themes/monochrome-dark.css +64 -0
  36. package/themes/monochrome.css +63 -0
  37. package/themes/night.css +54 -0
  38. package/themes/nord-dark.css +64 -0
  39. package/themes/nord.css +63 -0
  40. package/themes/sunset.css +54 -0
  41. package/themes/synthwave.css +54 -0
  42. package/themes/wireframe.css +54 -0
  43. package/themes.css +92 -0
  44. package/tokens.css +311 -0
@@ -0,0 +1,54 @@
1
+ /* cyberpunk — imported from daisyUI 5.7.20 (MIT), converted from OKLCh to hex.
2
+ Copyright (c) 2020 Pouya Saadeghi. https://github.com/saadeghi/daisyui
3
+
4
+ Their twenty colours mapped onto our twenty-one; the mapping and what it decides are in
5
+ `scripts/import-daisy.mjs`. Not one value was corrected — a theme whose own colours failed the
6
+ contrast guard was skipped rather than nudged, because a nudged `pastel` is not `pastel`.
7
+
8
+ SOURCE from here on. Edit it by hand; nothing regenerates it. */
9
+ [data-theme="cyberpunk"] {
10
+ color-scheme: light;
11
+
12
+ /* The twenty-one */
13
+ --background: #fff248;
14
+ --foreground: #000000;
15
+ --card: #fff248;
16
+ --muted: #f7e83a;
17
+ --muted-foreground: #555012;
18
+ --primary: #ff6596;
19
+ --primary-foreground: #180408;
20
+ --secondary: #00e8ff;
21
+ --secondary-foreground: #001316;
22
+ --accent: #ebdc25;
23
+ --destructive: #ff5861;
24
+ --destructive-content: #000000;
25
+ --info: #00b5ff;
26
+ --info-content: #000000;
27
+ --success: #00a96e;
28
+ --success-content: #000000;
29
+ --warning: #ffbe00;
30
+ --warning-content: #000000;
31
+ --border: #e3d40e;
32
+ --ring: #ff6596;
33
+
34
+ /* The same families, read on the page rather than on their fill */
35
+ --destructive-foreground: #80282d;
36
+ --info-foreground: #005980;
37
+ --success-foreground: #005333;
38
+ --warning-foreground: #805e00;
39
+
40
+ /* Shape */
41
+ --radius-box: 0rem;
42
+ --radius-field: 0rem;
43
+ --radius-selector: 0rem;
44
+ --size-field: 0.25rem;
45
+ --size-selector: 0.25rem;
46
+ --stroke: 1px;
47
+ --depth: 0;
48
+
49
+ /* daisyUI has no categorical channel, so this theme authors no `--chart-*` and takes the eight
50
+ `tokens.css` publishes as its fallback. It does NOT declare `--chart-capacity: 0`: zero means
51
+ *this theme declines the channel*, which is `monochrome`'s answer and not this one — an absent
52
+ capacity reads as the full count, which is now true because there is a full set behind it.
53
+ Author eight of your own here and they win, slot by slot. */
54
+ }
package/themes/dim.css ADDED
@@ -0,0 +1,54 @@
1
+ /* dim — imported from daisyUI 5.7.20 (MIT), converted from OKLCh to hex.
2
+ Copyright (c) 2020 Pouya Saadeghi. https://github.com/saadeghi/daisyui
3
+
4
+ Their twenty colours mapped onto our twenty-one; the mapping and what it decides are in
5
+ `scripts/import-daisy.mjs`. Not one value was corrected — a theme whose own colours failed the
6
+ contrast guard was skipped rather than nudged, because a nudged `pastel` is not `pastel`.
7
+
8
+ SOURCE from here on. Edit it by hand; nothing regenerates it. */
9
+ [data-theme="dim"] {
10
+ color-scheme: dark;
11
+
12
+ /* The twenty-one */
13
+ --background: #2a303c;
14
+ --foreground: #b2ccd6;
15
+ --card: #2a303c;
16
+ --muted: #242933;
17
+ --muted-foreground: #879ba6;
18
+ --primary: #9fe88d;
19
+ --primary-foreground: #091307;
20
+ --secondary: #ff7d5d;
21
+ --secondary-foreground: #160503;
22
+ --accent: #222730;
23
+ --destructive: #ffae9b;
24
+ --destructive-content: #160b09;
25
+ --info: #28ebff;
26
+ --info-content: #011316;
27
+ --success: #62efbd;
28
+ --success-content: #03140d;
29
+ --warning: #efd057;
30
+ --warning-content: #141003;
31
+ --border: #20252e;
32
+ --ring: #9fe88d;
33
+
34
+ /* The same families, read on the page rather than on their fill */
35
+ --destructive-foreground: #e3bbb3;
36
+ --info-foreground: #79dfef;
37
+ --success-foreground: #8ae2c7;
38
+ --warning-foreground: #d7d094;
39
+
40
+ /* Shape */
41
+ --radius-box: 1rem;
42
+ --radius-field: 0.5rem;
43
+ --radius-selector: 1rem;
44
+ --size-field: 0.25rem;
45
+ --size-selector: 0.25rem;
46
+ --stroke: 1px;
47
+ --depth: 0;
48
+
49
+ /* daisyUI has no categorical channel, so this theme authors no `--chart-*` and takes the eight
50
+ `tokens.css` publishes as its fallback. It does NOT declare `--chart-capacity: 0`: zero means
51
+ *this theme declines the channel*, which is `monochrome`'s answer and not this one — an absent
52
+ capacity reads as the full count, which is now true because there is a full set behind it.
53
+ Author eight of your own here and they win, slot by slot. */
54
+ }
@@ -0,0 +1,64 @@
1
+ /* dracula-dark — a theme is one mode, one flat block. Generated by scripts/extract-themes.mjs
2
+ from the compiled document that shipped before the derivation was cut, so the colours are
3
+ unchanged. Edit this file by hand from here on: it is source now, not output. */
4
+ [data-theme="dracula-dark"] {
5
+ color-scheme: dark;
6
+
7
+ /* The twenty-one */
8
+ --background: #090a0e;
9
+ --foreground: #e9efff;
10
+ --card: #0b0d12;
11
+ --muted: #10141f;
12
+ --muted-foreground: #99a9d8;
13
+ --primary: #e05daa;
14
+ --primary-foreground: #10070c;
15
+ --secondary: #171c2d;
16
+ --accent: #20273b;
17
+ --destructive: #e7000b;
18
+ --destructive-content: #ffffff;
19
+ --info: #155dfc;
20
+ --info-content: #e8f0ff;
21
+ --success: #009966;
22
+ --success-content: #060c08;
23
+ --warning: #e17100;
24
+ --warning-content: #100805;
25
+ --border: #2d354c;
26
+ --ring: #a75182;
27
+
28
+ /* Authored pending a measured color-mix default — see extract-themes.mjs */
29
+ --popover: #10141f;
30
+ --input: #6272a4;
31
+ --field: #090a0e;
32
+ --faint: #6b7bac;
33
+ --destructive-foreground: #ff8677;
34
+ --info-foreground: #7aa7ff;
35
+ --success-foreground: #66c999;
36
+ --warning-foreground: #ffa264;
37
+
38
+ /* Shape */
39
+ --radius-box: 0.75rem;
40
+ --radius-field: 0.5rem;
41
+ --radius-selector: 0.25rem;
42
+ --size-field: 0.25rem;
43
+ --size-selector: 0.25rem;
44
+ --stroke: 1px;
45
+ --depth: 0;
46
+
47
+ /* Optional: categorical set and syntax */
48
+ --chart-capacity: 8;
49
+ --chart-1: #a800b7;
50
+ --chart-2: #00a63e;
51
+ --chart-3: #1447e6;
52
+ --chart-4: #c10007;
53
+ --chart-5: #0092b8;
54
+ --chart-6: #f54900;
55
+ --chart-7: #ad46ff;
56
+ --chart-8: #e60076;
57
+ --syntax-keyword: #ff79c6;
58
+ --syntax-string: #50fa7b;
59
+ --syntax-number: #ffb86c;
60
+ --syntax-function: #bd93f9;
61
+ --syntax-identifier: #ff5555;
62
+ --syntax-property: #8be9fd;
63
+ --syntax-type: #f1fa8c;
64
+ }
@@ -0,0 +1,63 @@
1
+ /* dracula — a theme is one mode, one flat block. Generated by scripts/extract-themes.mjs
2
+ from the compiled document that shipped before the derivation was cut, so the colours are
3
+ unchanged. Edit this file by hand from here on: it is source now, not output. */
4
+ [data-theme="dracula"] {
5
+ color-scheme: light;
6
+
7
+ /* The twenty-one */
8
+ --background: #f9fafb;
9
+ --foreground: #090d1f;
10
+ --card: #f9fafb;
11
+ --muted: #ebeffa;
12
+ --muted-foreground: #36436c;
13
+ --primary: #e562af;
14
+ --primary-foreground: #200013;
15
+ --secondary: #e0e6f7;
16
+ --accent: #d1d9ef;
17
+ --destructive: #e7000b;
18
+ --destructive-content: #fef9f8;
19
+ --info: #155dfc;
20
+ --info-content: #f8fafe;
21
+ --success: #009966;
22
+ --success-content: #001309;
23
+ --warning: #e17100;
24
+ --warning-content: #1b0700;
25
+ --border: #bfc9e3;
26
+ --ring: #e562af;
27
+
28
+ /* Authored pending a measured color-mix default — see extract-themes.mjs */
29
+ --input: #6272a4;
30
+ --field: #0000df09;
31
+ --faint: #5a699a;
32
+ --destructive-foreground: #8d0003;
33
+ --info-foreground: #0032a7;
34
+ --success-foreground: #005b3b;
35
+ --warning-foreground: #844000;
36
+
37
+ /* Shape */
38
+ --radius-box: 0.75rem;
39
+ --radius-field: 0.5rem;
40
+ --radius-selector: 0.25rem;
41
+ --size-field: 0.25rem;
42
+ --size-selector: 0.25rem;
43
+ --stroke: 1px;
44
+ --depth: 0;
45
+
46
+ /* Optional: categorical set and syntax */
47
+ --chart-capacity: 8;
48
+ --chart-1: #a800b7;
49
+ --chart-2: #00a63e;
50
+ --chart-3: #1447e6;
51
+ --chart-4: #c10007;
52
+ --chart-5: #0092b8;
53
+ --chart-6: #f54900;
54
+ --chart-7: #ad46ff;
55
+ --chart-8: #e60076;
56
+ --syntax-keyword: #ba3989;
57
+ --syntax-string: #00762c;
58
+ --syntax-number: #965a00;
59
+ --syntax-function: #8258b9;
60
+ --syntax-identifier: #d22430;
61
+ --syntax-property: #006b7b;
62
+ --syntax-type: #4f5300;
63
+ }
@@ -0,0 +1,54 @@
1
+ /* forest — imported from daisyUI 5.7.20 (MIT), converted from OKLCh to hex.
2
+ Copyright (c) 2020 Pouya Saadeghi. https://github.com/saadeghi/daisyui
3
+
4
+ Their twenty colours mapped onto our twenty-one; the mapping and what it decides are in
5
+ `scripts/import-daisy.mjs`. Not one value was corrected — a theme whose own colours failed the
6
+ contrast guard was skipped rather than nudged, because a nudged `pastel` is not `pastel`.
7
+
8
+ SOURCE from here on. Edit it by hand; nothing regenerates it. */
9
+ [data-theme="forest"] {
10
+ color-scheme: dark;
11
+
12
+ /* The twenty-one */
13
+ --background: #1b1717;
14
+ --foreground: #cac9c9;
15
+ --card: #1b1717;
16
+ --muted: #161212;
17
+ --muted-foreground: #838181;
18
+ --primary: #1fb854;
19
+ --primary-foreground: #000000;
20
+ --secondary: #1eb88e;
21
+ --secondary-foreground: #000c07;
22
+ --accent: #130f0f;
23
+ --destructive: #ff5861;
24
+ --destructive-content: #000000;
25
+ --info: #00b5ff;
26
+ --info-content: #000000;
27
+ --success: #00a96e;
28
+ --success-content: #000000;
29
+ --warning: #ffbe00;
30
+ --warning-content: #000000;
31
+ --border: #110d0d;
32
+ --ring: #1fb854;
33
+
34
+ /* The same families, read on the page rather than on their fill */
35
+ --destructive-foreground: #f08c8b;
36
+ --info-foreground: #78bfeb;
37
+ --success-foreground: #73b792;
38
+ --warning-foreground: #eac479;
39
+
40
+ /* Shape */
41
+ --radius-box: 1rem;
42
+ --radius-field: 2rem;
43
+ --radius-selector: 1rem;
44
+ --size-field: 0.25rem;
45
+ --size-selector: 0.25rem;
46
+ --stroke: 1px;
47
+ --depth: 0;
48
+
49
+ /* daisyUI has no categorical channel, so this theme authors no `--chart-*` and takes the eight
50
+ `tokens.css` publishes as its fallback. It does NOT declare `--chart-capacity: 0`: zero means
51
+ *this theme declines the channel*, which is `monochrome`'s answer and not this one — an absent
52
+ capacity reads as the full count, which is now true because there is a full set behind it.
53
+ Author eight of your own here and they win, slot by slot. */
54
+ }
@@ -0,0 +1,73 @@
1
+ /* kanzo-dark — a theme is one mode, one flat block. Generated by scripts/extract-themes.mjs
2
+ from the compiled document that shipped before the derivation was cut, so the colours are
3
+ unchanged. Edit this file by hand from here on: it is source now, not output. */
4
+ /* `:root.dark:not([data-theme])` for the same reason kanzo.css claims the bare unattributed
5
+ document, and for the half that file could not cover: a first-time visitor with the OS in dark
6
+ has an empty `localStorage`, so `themeByAppearance` resolves to its `""` default and no
7
+ `data-theme` is written — while the blocking theme script has already put `.dark` on `<html>`
8
+ from `prefers-color-scheme`. Without this selector that document paints kanzo, which declares
9
+ `color-scheme: light`: a page that says it is dark and is not. Measured on a clean load, no
10
+ control touched. It outranks `:root:not([data-theme])` by the class and loses to any
11
+ `[data-theme]` through the `:not()`, so choosing a theme still wins. See `themes.test.ts`,
12
+ "leaves no dark document painted by a light theme". */
13
+ :root.dark:not([data-theme]), [data-theme="kanzo-dark"] {
14
+ color-scheme: dark;
15
+
16
+ /* The twenty-one */
17
+ --background: #0a0a0a;
18
+ --foreground: #efefef;
19
+ --card: #0d0d0d;
20
+ --muted: #141414;
21
+ --muted-foreground: #aaaaaa;
22
+ --primary: #efefef;
23
+ --primary-foreground: #0a0a0a;
24
+ --secondary: #1d1d1d;
25
+ --accent: #282828;
26
+ --destructive: #e7000b;
27
+ --destructive-content: #ffffff;
28
+ --info: #155dfc;
29
+ --info-content: #e8f0ff;
30
+ --success: #009966;
31
+ --success-content: #060c08;
32
+ --warning: #e17100;
33
+ --warning-content: #100805;
34
+ --border: #353535;
35
+ --ring: #737373;
36
+
37
+ /* Authored pending a measured color-mix default — see extract-themes.mjs */
38
+ --popover: #141414;
39
+ --input: #737373;
40
+ --field: #0a0a0a;
41
+ --faint: #7c7c7c;
42
+ --destructive-foreground: #ff8677;
43
+ --info-foreground: #7aa7ff;
44
+ --success-foreground: #66c999;
45
+ --warning-foreground: #ffa264;
46
+
47
+ /* Shape */
48
+ --radius-box: 0.75rem;
49
+ --radius-field: 0.5rem;
50
+ --radius-selector: 0.25rem;
51
+ --size-field: 0.25rem;
52
+ --size-selector: 0.25rem;
53
+ --stroke: 1px;
54
+ --depth: 0;
55
+
56
+ /* Optional: categorical set and syntax */
57
+ --chart-capacity: 8;
58
+ --chart-1: #a800b7;
59
+ --chart-2: #f54900;
60
+ --chart-3: #ad46ff;
61
+ --chart-4: #a65f00;
62
+ --chart-5: #7f22fe;
63
+ --chart-6: #e7000b;
64
+ --chart-7: #1447e6;
65
+ --chart-8: #009966;
66
+ --syntax-keyword: #c27aff;
67
+ --syntax-string: #00d492;
68
+ --syntax-number: #ff8904;
69
+ --syntax-function: #51a2ff;
70
+ --syntax-identifier: #ff6467;
71
+ --syntax-property: #00d3f2;
72
+ --syntax-type: #fdc700;
73
+ }
@@ -0,0 +1,70 @@
1
+ /* kanzo — a theme is one mode, one flat block. Generated by scripts/extract-themes.mjs
2
+
3
+ `:root:not([data-theme])` and NOT a bare `:root`: this is the default theme, so it binds to the
4
+ document that has not chosen one. A bare `:root` has the same specificity as `[data-theme="x"]`,
5
+ which makes source order the tie-breaker — and `themes.css` imports alphabetically, so a bare
6
+ `:root` here silently repainted every theme sorting before "kanzo.css" with kanzo's own colours.
7
+ Eleven of the sixteen, dark ones included. See `themes.test.ts`, "binds the default theme so it
8
+ cannot outrank a chosen one".
9
+ from the compiled document that shipped before the derivation was cut, so the colours are
10
+ unchanged. Edit this file by hand from here on: it is source now, not output. */
11
+ :root:not([data-theme]), [data-theme="kanzo"] {
12
+ color-scheme: light;
13
+
14
+ /* The twenty-one */
15
+ --background: #fafafa;
16
+ --foreground: #0f0f0f;
17
+ --card: #fafafa;
18
+ --muted: #efefef;
19
+ --muted-foreground: #454545;
20
+ --primary: #0f0f0f;
21
+ --primary-foreground: #fafafa;
22
+ --secondary: #e6e6e6;
23
+ --accent: #d9d9d9;
24
+ --destructive: #e7000b;
25
+ --destructive-content: #fef9f8;
26
+ --info: #155dfc;
27
+ --info-content: #f8fafe;
28
+ --success: #009966;
29
+ --success-content: #001309;
30
+ --warning: #e17100;
31
+ --warning-content: #1b0700;
32
+ --border: #c9c9c9;
33
+ --ring: #737373;
34
+
35
+ /* Authored pending a measured color-mix default — see extract-themes.mjs */
36
+ --input: #737373;
37
+ --field: #00000008;
38
+ --faint: #6a6a6a;
39
+ --destructive-foreground: #8d0003;
40
+ --info-foreground: #0032a7;
41
+ --success-foreground: #005b3b;
42
+ --warning-foreground: #844000;
43
+
44
+ /* Shape */
45
+ --radius-box: 0.75rem;
46
+ --radius-field: 0.5rem;
47
+ --radius-selector: 0.25rem;
48
+ --size-field: 0.25rem;
49
+ --size-selector: 0.25rem;
50
+ --stroke: 1px;
51
+ --depth: 0;
52
+
53
+ /* Optional: categorical set and syntax */
54
+ --chart-capacity: 8;
55
+ --chart-1: #9810fa;
56
+ --chart-2: #d08700;
57
+ --chart-3: #2b7fff;
58
+ --chart-4: #ca3500;
59
+ --chart-5: #e12afb;
60
+ --chart-6: #fb2c36;
61
+ --chart-7: #7008e7;
62
+ --chart-8: #009966;
63
+ --syntax-keyword: #8200db;
64
+ --syntax-string: #007a55;
65
+ --syntax-number: #ca3500;
66
+ --syntax-function: #1447e6;
67
+ --syntax-identifier: #c10007;
68
+ --syntax-property: #007595;
69
+ --syntax-type: #a15c00;
70
+ }
@@ -0,0 +1,54 @@
1
+ /* lemonade — imported from daisyUI 5.7.20 (MIT), converted from OKLCh to hex.
2
+ Copyright (c) 2020 Pouya Saadeghi. https://github.com/saadeghi/daisyui
3
+
4
+ Their twenty colours mapped onto our twenty-one; the mapping and what it decides are in
5
+ `scripts/import-daisy.mjs`. Not one value was corrected — a theme whose own colours failed the
6
+ contrast guard was skipped rather than nudged, because a nudged `pastel` is not `pastel`.
7
+
8
+ SOURCE from here on. Edit it by hand; nothing regenerates it. */
9
+ [data-theme="lemonade"] {
10
+ color-scheme: light;
11
+
12
+ /* The twenty-one */
13
+ --background: #f8fdef;
14
+ --foreground: #151614;
15
+ --card: #f8fdef;
16
+ --muted: #e1e6d9;
17
+ --muted-foreground: #5b5d57;
18
+ --primary: #419400;
19
+ --primary-foreground: #010800;
20
+ --secondary: #bdc000;
21
+ --secondary-foreground: #0d0e00;
22
+ --accent: #d4d8cc;
23
+ --destructive: #efc6c2;
24
+ --destructive-content: #140e0e;
25
+ --info: #b1d9e9;
26
+ --info-content: #0c1113;
27
+ --success: #b9dbc6;
28
+ --success-content: #0d110e;
29
+ --warning: #d7d3b0;
30
+ --warning-content: #11100c;
31
+ --border: #cbcfc3;
32
+ --ring: #419400;
33
+
34
+ /* The same families, read on the page rather than on their fill */
35
+ --destructive-foreground: #826e6b;
36
+ --info-foreground: #63777e;
37
+ --success-foreground: #67786d;
38
+ --warning-foreground: #767462;
39
+
40
+ /* Shape */
41
+ --radius-box: 1rem;
42
+ --radius-field: 0.5rem;
43
+ --radius-selector: 1rem;
44
+ --size-field: 0.25rem;
45
+ --size-selector: 0.25rem;
46
+ --stroke: 1px;
47
+ --depth: 0;
48
+
49
+ /* daisyUI has no categorical channel, so this theme authors no `--chart-*` and takes the eight
50
+ `tokens.css` publishes as its fallback. It does NOT declare `--chart-capacity: 0`: zero means
51
+ *this theme declines the channel*, which is `monochrome`'s answer and not this one — an absent
52
+ capacity reads as the full count, which is now true because there is a full set behind it.
53
+ Author eight of your own here and they win, slot by slot. */
54
+ }
@@ -0,0 +1,54 @@
1
+ /* lofi — imported from daisyUI 5.7.20 (MIT), converted from OKLCh to hex.
2
+ Copyright (c) 2020 Pouya Saadeghi. https://github.com/saadeghi/daisyui
3
+
4
+ Their twenty colours mapped onto our twenty-one; the mapping and what it decides are in
5
+ `scripts/import-daisy.mjs`. Not one value was corrected — a theme whose own colours failed the
6
+ contrast guard was skipped rather than nudged, because a nudged `pastel` is not `pastel`.
7
+
8
+ SOURCE from here on. Edit it by hand; nothing regenerates it. */
9
+ [data-theme="lofi"] {
10
+ color-scheme: light;
11
+
12
+ /* The twenty-one */
13
+ --background: #ffffff;
14
+ --foreground: #000000;
15
+ --card: #ffffff;
16
+ --muted: #f5f5f5;
17
+ --muted-foreground: #555555;
18
+ --primary: #0d0d0d;
19
+ --primary-foreground: #ffffff;
20
+ --secondary: #1a1919;
21
+ --secondary-foreground: #ffffff;
22
+ --accent: #efefef;
23
+ --destructive: #ff9181;
24
+ --destructive-content: #180706;
25
+ --info: #5fcfdd;
26
+ --info-content: #031011;
27
+ --success: #69fec3;
28
+ --success-content: #04160e;
29
+ --warning: #ffce69;
30
+ --warning-content: #170f04;
31
+ --border: #ebebeb;
32
+ --ring: #0d0d0d;
33
+
34
+ /* The same families, read on the page rather than on their fill */
35
+ --destructive-foreground: #80463e;
36
+ --info-foreground: #2c676e;
37
+ --success-foreground: #318060;
38
+ --warning-foreground: #806631;
39
+
40
+ /* Shape */
41
+ --radius-box: 0.5rem;
42
+ --radius-field: 0.25rem;
43
+ --radius-selector: 2rem;
44
+ --size-field: 0.25rem;
45
+ --size-selector: 0.25rem;
46
+ --stroke: 1px;
47
+ --depth: 0;
48
+
49
+ /* daisyUI has no categorical channel, so this theme authors no `--chart-*` and takes the eight
50
+ `tokens.css` publishes as its fallback. It does NOT declare `--chart-capacity: 0`: zero means
51
+ *this theme declines the channel*, which is `monochrome`'s answer and not this one — an absent
52
+ capacity reads as the full count, which is now true because there is a full set behind it.
53
+ Author eight of your own here and they win, slot by slot. */
54
+ }
@@ -0,0 +1,54 @@
1
+ /* luxury — imported from daisyUI 5.7.20 (MIT), converted from OKLCh to hex.
2
+ Copyright (c) 2020 Pouya Saadeghi. https://github.com/saadeghi/daisyui
3
+
4
+ Their twenty colours mapped onto our twenty-one; the mapping and what it decides are in
5
+ `scripts/import-daisy.mjs`. Not one value was corrected — a theme whose own colours failed the
6
+ contrast guard was skipped rather than nudged, because a nudged `pastel` is not `pastel`.
7
+
8
+ SOURCE from here on. Edit it by hand; nothing regenerates it. */
9
+ [data-theme="luxury"] {
10
+ color-scheme: dark;
11
+
12
+ /* The twenty-one */
13
+ --background: #09090b;
14
+ --foreground: #dca54d;
15
+ --card: #09090b;
16
+ --muted: #171618;
17
+ --muted-foreground: #a57d3f;
18
+ --primary: #ffffff;
19
+ --primary-foreground: #161616;
20
+ --secondary: #152747;
21
+ --secondary-foreground: #cbd0d7;
22
+ --accent: #1b1a1c;
23
+ --destructive: #ff6f6f;
24
+ --destructive-content: #160404;
25
+ --info: #67c6ff;
26
+ --info-content: #040e16;
27
+ --success: #87d03a;
28
+ --success-content: #061001;
29
+ --warning: #e2d563;
30
+ --warning-content: #121003;
31
+ --border: #1e1d1f;
32
+ --ring: #ffffff;
33
+
34
+ /* The same families, read on the page rather than on their fill */
35
+ --destructive-foreground: #f28763;
36
+ --info-foreground: #a1bdc0;
37
+ --success-foreground: #b0c043;
38
+ --warning-foreground: #e0c25a;
39
+
40
+ /* Shape */
41
+ --radius-box: 1rem;
42
+ --radius-field: 0.5rem;
43
+ --radius-selector: 1rem;
44
+ --size-field: 0.25rem;
45
+ --size-selector: 0.25rem;
46
+ --stroke: 1px;
47
+ --depth: 1;
48
+
49
+ /* daisyUI has no categorical channel, so this theme authors no `--chart-*` and takes the eight
50
+ `tokens.css` publishes as its fallback. It does NOT declare `--chart-capacity: 0`: zero means
51
+ *this theme declines the channel*, which is `monochrome`'s answer and not this one — an absent
52
+ capacity reads as the full count, which is now true because there is a full set behind it.
53
+ Author eight of your own here and they win, slot by slot. */
54
+ }
@@ -0,0 +1,64 @@
1
+ /* monochrome-dark — a theme is one mode, one flat block. Generated by scripts/extract-themes.mjs
2
+ from the compiled document that shipped before the derivation was cut, so the colours are
3
+ unchanged. Edit this file by hand from here on: it is source now, not output. */
4
+ [data-theme="monochrome-dark"] {
5
+ color-scheme: dark;
6
+
7
+ /* The twenty-one */
8
+ --background: #0a0a0a;
9
+ --foreground: #efefef;
10
+ --card: #0d0d0d;
11
+ --muted: #141414;
12
+ --muted-foreground: #aaaaaa;
13
+ --primary: #efefef;
14
+ --primary-foreground: #0a0a0a;
15
+ --secondary: #1d1d1d;
16
+ --accent: #282828;
17
+ --destructive: #e7000b;
18
+ --destructive-content: #ffffff;
19
+ --info: #155dfc;
20
+ --info-content: #e8f0ff;
21
+ --success: #009966;
22
+ --success-content: #060c08;
23
+ --warning: #e17100;
24
+ --warning-content: #100805;
25
+ --border: #353535;
26
+ --ring: #737373;
27
+
28
+ /* Authored pending a measured color-mix default — see extract-themes.mjs */
29
+ --popover: #141414;
30
+ --input: #737373;
31
+ --field: #0a0a0a;
32
+ --faint: #7c7c7c;
33
+ --destructive-foreground: #ff8677;
34
+ --info-foreground: #7aa7ff;
35
+ --success-foreground: #66c999;
36
+ --warning-foreground: #ffa264;
37
+
38
+ /* Shape */
39
+ --radius-box: 0.75rem;
40
+ --radius-field: 0.5rem;
41
+ --radius-selector: 0.25rem;
42
+ --size-field: 0.25rem;
43
+ --size-selector: 0.25rem;
44
+ --stroke: 1px;
45
+ --depth: 0;
46
+
47
+ /* Optional: categorical set and syntax */
48
+ --chart-capacity: 0;
49
+ --chart-1: var(--muted-foreground);
50
+ --chart-2: var(--muted-foreground);
51
+ --chart-3: var(--muted-foreground);
52
+ --chart-4: var(--muted-foreground);
53
+ --chart-5: var(--muted-foreground);
54
+ --chart-6: var(--muted-foreground);
55
+ --chart-7: var(--muted-foreground);
56
+ --chart-8: var(--muted-foreground);
57
+ --syntax-keyword: #dcc7ff;
58
+ --syntax-string: #85e4b9;
59
+ --syntax-number: #ffa188;
60
+ --syntax-function: #c3d7ff;
61
+ --syntax-identifier: #ffbbb1;
62
+ --syntax-property: #7dd7fa;
63
+ --syntax-type: #f7aa61;
64
+ }