@kanzo-tech/theme 0.19.0 → 0.21.0
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.
- package/README.md +61 -22
- package/dist/contrast.d.ts +34 -0
- package/dist/contrast.d.ts.map +1 -0
- package/dist/index.d.ts +35 -74
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +188 -133
- package/dist/index.js.map +1 -1
- package/dist/ink.d.ts +2 -2
- package/dist/sections.d.ts +0 -7
- package/dist/sections.d.ts.map +1 -1
- package/package.json +1 -1
- package/theme-data.json +35 -107
- package/themes/catppuccin-latte.css +52 -45
- package/themes/catppuccin-mocha.css +55 -47
- package/themes/kanzo-dark.css +55 -55
- package/themes/kanzo.css +53 -50
- package/themes/lofi-dark.css +70 -0
- package/themes/lofi.css +38 -22
- package/themes/nord-dark.css +54 -46
- package/themes/nord.css +55 -47
- package/themes.css +4 -25
- package/tokens.css +49 -35
- package/themes/acid.css +0 -54
- package/themes/bank-dark.css +0 -62
- package/themes/bank-private-dark.css +0 -62
- package/themes/bank-private.css +0 -61
- package/themes/bank.css +0 -61
- package/themes/catppuccin-latte-dark.css +0 -62
- package/themes/catppuccin-mocha-dark.css +0 -62
- package/themes/cmyk.css +0 -54
- package/themes/coffee.css +0 -54
- package/themes/cyberpunk.css +0 -54
- package/themes/dim.css +0 -54
- package/themes/dracula-dark.css +0 -62
- package/themes/dracula.css +0 -61
- package/themes/forest.css +0 -54
- package/themes/lemonade.css +0 -54
- package/themes/luxury.css +0 -54
- package/themes/monochrome-dark.css +0 -62
- package/themes/monochrome.css +0 -61
- package/themes/night.css +0 -54
- package/themes/sunset.css +0 -54
- package/themes/synthwave.css +0 -54
- package/themes/wireframe.css +0 -54
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
/* monochrome-dark — a theme is one mode, one flat block, written by hand. */
|
|
2
|
-
[data-theme="monochrome-dark"] {
|
|
3
|
-
color-scheme: dark;
|
|
4
|
-
|
|
5
|
-
/* The twenty-one */
|
|
6
|
-
--background: #0a0a0a;
|
|
7
|
-
--foreground: #efefef;
|
|
8
|
-
--card: #0d0d0d;
|
|
9
|
-
--muted: #141414;
|
|
10
|
-
--muted-foreground: #aaaaaa;
|
|
11
|
-
--primary: #efefef;
|
|
12
|
-
--primary-foreground: #0a0a0a;
|
|
13
|
-
--secondary: #1d1d1d;
|
|
14
|
-
--accent: #282828;
|
|
15
|
-
--destructive: #e7000b;
|
|
16
|
-
--destructive-content: #ffffff;
|
|
17
|
-
--info: #155dfc;
|
|
18
|
-
--info-content: #e8f0ff;
|
|
19
|
-
--success: #009966;
|
|
20
|
-
--success-content: #060c08;
|
|
21
|
-
--warning: #e17100;
|
|
22
|
-
--warning-content: #100805;
|
|
23
|
-
--border: #353535;
|
|
24
|
-
--ring: #737373;
|
|
25
|
-
|
|
26
|
-
/* Optional: each falls back to a bridge default in tokens.css when left out */
|
|
27
|
-
--popover: #141414;
|
|
28
|
-
--input: #737373;
|
|
29
|
-
--field: #0a0a0a;
|
|
30
|
-
--faint: #7c7c7c;
|
|
31
|
-
--destructive-foreground: #ff8677;
|
|
32
|
-
--info-foreground: #7aa7ff;
|
|
33
|
-
--success-foreground: #66c999;
|
|
34
|
-
--warning-foreground: #ffa264;
|
|
35
|
-
|
|
36
|
-
/* Shape */
|
|
37
|
-
--radius-box: 0.75rem;
|
|
38
|
-
--radius-field: 0.5rem;
|
|
39
|
-
--radius-selector: 0.25rem;
|
|
40
|
-
--size-field: 0.25rem;
|
|
41
|
-
--size-selector: 0.25rem;
|
|
42
|
-
--stroke: 1px;
|
|
43
|
-
--relief: 0;
|
|
44
|
-
|
|
45
|
-
/* Optional: categorical set and syntax */
|
|
46
|
-
--chart-capacity: 0;
|
|
47
|
-
--chart-1: var(--muted-foreground);
|
|
48
|
-
--chart-2: var(--muted-foreground);
|
|
49
|
-
--chart-3: var(--muted-foreground);
|
|
50
|
-
--chart-4: var(--muted-foreground);
|
|
51
|
-
--chart-5: var(--muted-foreground);
|
|
52
|
-
--chart-6: var(--muted-foreground);
|
|
53
|
-
--chart-7: var(--muted-foreground);
|
|
54
|
-
--chart-8: var(--muted-foreground);
|
|
55
|
-
--syntax-keyword: #dcc7ff;
|
|
56
|
-
--syntax-string: #85e4b9;
|
|
57
|
-
--syntax-number: #ffa188;
|
|
58
|
-
--syntax-function: #c3d7ff;
|
|
59
|
-
--syntax-identifier: #ffbbb1;
|
|
60
|
-
--syntax-property: #7dd7fa;
|
|
61
|
-
--syntax-type: #f7aa61;
|
|
62
|
-
}
|
package/themes/monochrome.css
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
/* monochrome — a theme is one mode, one flat block, written by hand. */
|
|
2
|
-
[data-theme="monochrome"] {
|
|
3
|
-
color-scheme: light;
|
|
4
|
-
|
|
5
|
-
/* The twenty-one */
|
|
6
|
-
--background: #fafafa;
|
|
7
|
-
--foreground: #0f0f0f;
|
|
8
|
-
--card: #fafafa;
|
|
9
|
-
--muted: #efefef;
|
|
10
|
-
--muted-foreground: #454545;
|
|
11
|
-
--primary: #0f0f0f;
|
|
12
|
-
--primary-foreground: #fafafa;
|
|
13
|
-
--secondary: #e6e6e6;
|
|
14
|
-
--accent: #d9d9d9;
|
|
15
|
-
--destructive: #e7000b;
|
|
16
|
-
--destructive-content: #fef9f8;
|
|
17
|
-
--info: #155dfc;
|
|
18
|
-
--info-content: #f8fafe;
|
|
19
|
-
--success: #009966;
|
|
20
|
-
--success-content: #001309;
|
|
21
|
-
--warning: #e17100;
|
|
22
|
-
--warning-content: #1b0700;
|
|
23
|
-
--border: #c9c9c9;
|
|
24
|
-
--ring: #737373;
|
|
25
|
-
|
|
26
|
-
/* Optional: each falls back to a bridge default in tokens.css when left out */
|
|
27
|
-
--input: #737373;
|
|
28
|
-
--field: #00000008;
|
|
29
|
-
--faint: #6a6a6a;
|
|
30
|
-
--destructive-foreground: #8d0003;
|
|
31
|
-
--info-foreground: #0032a7;
|
|
32
|
-
--success-foreground: #005b3b;
|
|
33
|
-
--warning-foreground: #844000;
|
|
34
|
-
|
|
35
|
-
/* Shape */
|
|
36
|
-
--radius-box: 0.75rem;
|
|
37
|
-
--radius-field: 0.5rem;
|
|
38
|
-
--radius-selector: 0.25rem;
|
|
39
|
-
--size-field: 0.25rem;
|
|
40
|
-
--size-selector: 0.25rem;
|
|
41
|
-
--stroke: 1px;
|
|
42
|
-
--relief: 0;
|
|
43
|
-
|
|
44
|
-
/* Optional: categorical set and syntax */
|
|
45
|
-
--chart-capacity: 0;
|
|
46
|
-
--chart-1: var(--muted-foreground);
|
|
47
|
-
--chart-2: var(--muted-foreground);
|
|
48
|
-
--chart-3: var(--muted-foreground);
|
|
49
|
-
--chart-4: var(--muted-foreground);
|
|
50
|
-
--chart-5: var(--muted-foreground);
|
|
51
|
-
--chart-6: var(--muted-foreground);
|
|
52
|
-
--chart-7: var(--muted-foreground);
|
|
53
|
-
--chart-8: var(--muted-foreground);
|
|
54
|
-
--syntax-keyword: #8200db;
|
|
55
|
-
--syntax-string: #007a55;
|
|
56
|
-
--syntax-number: #ca3500;
|
|
57
|
-
--syntax-function: #1447e6;
|
|
58
|
-
--syntax-identifier: #c10007;
|
|
59
|
-
--syntax-property: #007595;
|
|
60
|
-
--syntax-type: #a15c00;
|
|
61
|
-
}
|
package/themes/night.css
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/* night — 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="night"] {
|
|
10
|
-
color-scheme: dark;
|
|
11
|
-
|
|
12
|
-
/* The twenty-one */
|
|
13
|
-
--background: #0f172a;
|
|
14
|
-
--foreground: #c9cbd0;
|
|
15
|
-
--card: #0f172a;
|
|
16
|
-
--muted: #0c1425;
|
|
17
|
-
--muted-foreground: #7b808d;
|
|
18
|
-
--primary: #3abdf7;
|
|
19
|
-
--primary-foreground: #010d15;
|
|
20
|
-
--secondary: #818cf8;
|
|
21
|
-
--secondary-foreground: #060715;
|
|
22
|
-
--accent: #0b1222;
|
|
23
|
-
--destructive: #fb7085;
|
|
24
|
-
--destructive-content: #150406;
|
|
25
|
-
--info: #0ca5e9;
|
|
26
|
-
--info-content: #000000;
|
|
27
|
-
--success: #2fd4bf;
|
|
28
|
-
--success-content: #01100d;
|
|
29
|
-
--warning: #f4bf51;
|
|
30
|
-
--warning-content: #140d02;
|
|
31
|
-
--border: #0a1120;
|
|
32
|
-
--ring: #3abdf7;
|
|
33
|
-
|
|
34
|
-
/* The same families, read on the page rather than on their fill */
|
|
35
|
-
--destructive-foreground: #ec98a3;
|
|
36
|
-
--info-foreground: #74b6e0;
|
|
37
|
-
--success-foreground: #83d1c6;
|
|
38
|
-
--warning-foreground: #e3c58d;
|
|
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
|
-
--relief: 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/sunset.css
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/* sunset — 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="sunset"] {
|
|
10
|
-
color-scheme: dark;
|
|
11
|
-
|
|
12
|
-
/* The twenty-one */
|
|
13
|
-
--background: #121c22;
|
|
14
|
-
--foreground: #9fb9d0;
|
|
15
|
-
--card: #121c22;
|
|
16
|
-
--muted: #0e171e;
|
|
17
|
-
--muted-foreground: #708597;
|
|
18
|
-
--primary: #ff865b;
|
|
19
|
-
--primary-foreground: #160603;
|
|
20
|
-
--secondary: #fd6f9c;
|
|
21
|
-
--secondary-foreground: #160409;
|
|
22
|
-
--accent: #0b151b;
|
|
23
|
-
--destructive: #ffbbbd;
|
|
24
|
-
--destructive-content: #160d0d;
|
|
25
|
-
--info: #89e0eb;
|
|
26
|
-
--info-content: #071213;
|
|
27
|
-
--success: #addfad;
|
|
28
|
-
--success-content: #0b120b;
|
|
29
|
-
--warning: #f1c892;
|
|
30
|
-
--warning-content: #140f08;
|
|
31
|
-
--border: #091319;
|
|
32
|
-
--ring: #ff865b;
|
|
33
|
-
|
|
34
|
-
/* The same families, read on the page rather than on their fill */
|
|
35
|
-
--destructive-foreground: #dbbbc5;
|
|
36
|
-
--info-foreground: #94d0e0;
|
|
37
|
-
--success-foreground: #a7d0bc;
|
|
38
|
-
--warning-foreground: #d1c3ae;
|
|
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
|
-
--relief: 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/synthwave.css
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/* synthwave — 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="synthwave"] {
|
|
10
|
-
color-scheme: dark;
|
|
11
|
-
|
|
12
|
-
/* The twenty-one */
|
|
13
|
-
--background: #09002f;
|
|
14
|
-
--foreground: #a1b1ff;
|
|
15
|
-
--card: #09002f;
|
|
16
|
-
--muted: #120b3d;
|
|
17
|
-
--muted-foreground: #737ec4;
|
|
18
|
-
--primary: #f861b4;
|
|
19
|
-
--primary-foreground: #500323;
|
|
20
|
-
--secondary: #71d1fe;
|
|
21
|
-
--secondary-foreground: #042e49;
|
|
22
|
-
--accent: #181345;
|
|
23
|
-
--destructive: #ec8c78;
|
|
24
|
-
--destructive-content: #201047;
|
|
25
|
-
--info: #00bafe;
|
|
26
|
-
--info-content: #042e49;
|
|
27
|
-
--success: #00d3bb;
|
|
28
|
-
--success-content: #002d2c;
|
|
29
|
-
--warning: #fede1c;
|
|
30
|
-
--warning-content: #733e0a;
|
|
31
|
-
--border: #1c184b;
|
|
32
|
-
--ring: #f861b4;
|
|
33
|
-
|
|
34
|
-
/* The same families, read on the page rather than on their fill */
|
|
35
|
-
--destructive-foreground: #d19eb1;
|
|
36
|
-
--info-foreground: #65b7fe;
|
|
37
|
-
--success-foreground: #68c7d7;
|
|
38
|
-
--warning-foreground: #d7d0a0;
|
|
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
|
-
--relief: 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/wireframe.css
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/* wireframe — 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="wireframe"] {
|
|
10
|
-
color-scheme: light;
|
|
11
|
-
|
|
12
|
-
/* The twenty-one */
|
|
13
|
-
--background: #ffffff;
|
|
14
|
-
--foreground: #161616;
|
|
15
|
-
--card: #ffffff;
|
|
16
|
-
--muted: #f5f5f5;
|
|
17
|
-
--muted-foreground: #6b6b6b;
|
|
18
|
-
--primary: #d4d4d4;
|
|
19
|
-
--primary-foreground: #242424;
|
|
20
|
-
--secondary: #d4d4d4;
|
|
21
|
-
--secondary-foreground: #242424;
|
|
22
|
-
--accent: #efefef;
|
|
23
|
-
--destructive: #9d0410;
|
|
24
|
-
--destructive-content: #fec8c8;
|
|
25
|
-
--info: #005889;
|
|
26
|
-
--info-content: #b8e6fe;
|
|
27
|
-
--success: #006044;
|
|
28
|
-
--success-content: #a3f2ce;
|
|
29
|
-
--warning: #963b00;
|
|
30
|
-
--warning-content: #fde484;
|
|
31
|
-
--border: #ebebeb;
|
|
32
|
-
--ring: #d4d4d4;
|
|
33
|
-
|
|
34
|
-
/* The same families, read on the page rather than on their fill */
|
|
35
|
-
--destructive-foreground: #651b18;
|
|
36
|
-
--info-foreground: #173d58;
|
|
37
|
-
--success-foreground: #184131;
|
|
38
|
-
--warning-foreground: #602e16;
|
|
39
|
-
|
|
40
|
-
/* Shape */
|
|
41
|
-
--radius-box: 0.25rem;
|
|
42
|
-
--radius-field: 0.25rem;
|
|
43
|
-
--radius-selector: 0rem;
|
|
44
|
-
--size-field: 0.25rem;
|
|
45
|
-
--size-selector: 0.25rem;
|
|
46
|
-
--stroke: 1px;
|
|
47
|
-
--relief: 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
|
-
}
|