@ecopages/radiant-themes 0.2.1 → 0.2.3
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 +27 -15
- package/dist/compiled/themes/cloudflare/compact.css +40 -12
- package/dist/compiled/themes/cloudflare.css +40 -12
- package/dist/compiled/themes/github/compact.css +264 -67
- package/dist/compiled/themes/github.css +264 -67
- package/dist/compiled/themes/high-contrast/compact.css +88 -5
- package/dist/compiled/themes/high-contrast.css +88 -5
- package/dist/compiled/themes/macos/compact.css +679 -294
- package/dist/compiled/themes/macos-classic/compact.css +197 -25
- package/dist/compiled/themes/macos-classic.css +197 -25
- package/dist/compiled/themes/macos.css +679 -294
- package/dist/compiled/themes/material/compact.css +447 -132
- package/dist/compiled/themes/material.css +447 -132
- package/dist/compiled/themes/vercel/compact.css +104 -62
- package/dist/compiled/themes/vercel.css +104 -62
- package/dist/compiled/themes/vscode/compact.css +255 -40
- package/dist/compiled/themes/vscode.css +255 -40
- package/dist/compiled/themes/windows95/compact.css +260 -22
- package/dist/compiled/themes/windows95.css +260 -22
- package/dist/tokens/colors/github.css +32 -0
- package/dist/tokens/colors/macos.css +65 -25
- package/dist/tokens/colors/material.css +61 -20
- package/dist/tokens/colors/vercel.css +43 -39
- package/dist/tokens/colors/vscode.css +48 -4
- package/dist/tokens/colors/windows95.css +10 -5
- package/dist/tokens/components/cloudflare.css +55 -5
- package/dist/tokens/components/github.css +258 -40
- package/dist/tokens/components/high-contrast.css +93 -5
- package/dist/tokens/components/macos-classic.css +262 -24
- package/dist/tokens/components/macos.css +542 -106
- package/dist/tokens/components/material.css +354 -25
- package/dist/tokens/components/vercel.css +77 -15
- package/dist/tokens/components/vscode.css +248 -27
- package/dist/tokens/components/windows95.css +304 -19
- package/dist/tokens/roles/github.css +12 -12
- package/dist/tokens/roles/macos.css +97 -93
- package/dist/tokens/roles/material.css +65 -65
- package/dist/tokens/roles/vercel.css +3 -3
- package/package.json +3 -3
|
@@ -1,155 +1,159 @@
|
|
|
1
1
|
:where(:root), :root[data-rui-theme='macos'] {
|
|
2
2
|
--gray-50: #ffffff;
|
|
3
|
-
--gray-100: #
|
|
4
|
-
--gray-200: #
|
|
5
|
-
--gray-300: #
|
|
6
|
-
--gray-400: #
|
|
3
|
+
--gray-100: #f6f6f6;
|
|
4
|
+
--gray-200: #ececec;
|
|
5
|
+
--gray-300: #d9d9d9;
|
|
6
|
+
--gray-400: #b9b9be;
|
|
7
7
|
--gray-500: #8e8e93;
|
|
8
8
|
--gray-600: #6e6e73;
|
|
9
|
-
--gray-700: #
|
|
10
|
-
--gray-800: #
|
|
11
|
-
--gray-900: #
|
|
9
|
+
--gray-700: #5e5e62;
|
|
10
|
+
--gray-800: #3d3d3d;
|
|
11
|
+
--gray-900: #262626;
|
|
12
12
|
--gray-950: #000000;
|
|
13
13
|
--primary: var(--macos-blue);
|
|
14
14
|
--on-primary: #ffffff;
|
|
15
15
|
--primary-light: var(--macos-blue-light);
|
|
16
|
-
--primary-dark: #
|
|
17
|
-
--primary-container: #
|
|
18
|
-
--on-primary-container: #
|
|
16
|
+
--primary-dark: #0050b8;
|
|
17
|
+
--primary-container: #d9e8ff;
|
|
18
|
+
--on-primary-container: #002f6c;
|
|
19
19
|
--secondary: var(--macos-purple);
|
|
20
20
|
--on-secondary: #ffffff;
|
|
21
|
-
--secondary-light: #
|
|
22
|
-
--secondary-dark: #
|
|
23
|
-
--secondary-container: #
|
|
24
|
-
--on-secondary-container: #
|
|
25
|
-
--tertiary: #
|
|
21
|
+
--secondary-light: #a35fc6;
|
|
22
|
+
--secondary-dark: #6a2f88;
|
|
23
|
+
--secondary-container: #f1e3f8;
|
|
24
|
+
--on-secondary-container: #3c1a52;
|
|
25
|
+
--tertiary: #3d3d3d;
|
|
26
26
|
--on-tertiary: #ffffff;
|
|
27
|
-
--tertiary-container:
|
|
28
|
-
--on-tertiary-container:
|
|
27
|
+
--tertiary-container: var(--macos-subtle);
|
|
28
|
+
--on-tertiary-container: var(--macos-text);
|
|
29
29
|
--error: var(--macos-red);
|
|
30
30
|
--on-error: #ffffff;
|
|
31
|
-
--error-light: #
|
|
32
|
-
--error-dark: #
|
|
33
|
-
--error-container: #
|
|
34
|
-
--on-error-container: #
|
|
31
|
+
--error-light: #ff3b30;
|
|
32
|
+
--error-dark: #a8000f;
|
|
33
|
+
--error-container: #fde2e4;
|
|
34
|
+
--on-error-container: #5c000a;
|
|
35
35
|
--success: var(--macos-green);
|
|
36
36
|
--on-success: #ffffff;
|
|
37
|
-
--success-light: #
|
|
38
|
-
--success-dark: #
|
|
39
|
-
--success-container: #
|
|
40
|
-
--on-success-container: #
|
|
37
|
+
--success-light: #28cd41;
|
|
38
|
+
--success-dark: #145a25;
|
|
39
|
+
--success-container: #dcf3e2;
|
|
40
|
+
--on-success-container: #0b3d1a;
|
|
41
41
|
--info: var(--macos-blue);
|
|
42
42
|
--on-info: #ffffff;
|
|
43
43
|
--info-light: var(--macos-blue-light);
|
|
44
|
-
--info-dark: #
|
|
45
|
-
--info-container: #
|
|
46
|
-
--on-info-container: #
|
|
44
|
+
--info-dark: #0050b8;
|
|
45
|
+
--info-container: #d9e8ff;
|
|
46
|
+
--on-info-container: #002f6c;
|
|
47
47
|
--warning: var(--macos-amber);
|
|
48
48
|
--on-warning: #ffffff;
|
|
49
|
-
--warning-light: #
|
|
50
|
-
--warning-dark: #
|
|
51
|
-
--warning-container: #
|
|
52
|
-
--on-warning-container: #
|
|
49
|
+
--warning-light: #ff9500;
|
|
50
|
+
--warning-dark: #7a3600;
|
|
51
|
+
--warning-container: #ffedd6;
|
|
52
|
+
--on-warning-container: #4a2100;
|
|
53
53
|
--neutral: var(--macos-muted);
|
|
54
54
|
--surface: var(--macos-surface);
|
|
55
55
|
--on-surface: var(--macos-text);
|
|
56
56
|
--surface-container-lowest: #ffffff;
|
|
57
|
-
--on-surface-container-lowest:
|
|
58
|
-
--surface-container-low:
|
|
59
|
-
--on-surface-container-low:
|
|
57
|
+
--on-surface-container-lowest: var(--macos-text);
|
|
58
|
+
--surface-container-low: #f6f6f6;
|
|
59
|
+
--on-surface-container-low: var(--macos-text);
|
|
60
60
|
--surface-container: var(--macos-subtle);
|
|
61
|
-
--on-surface-container:
|
|
62
|
-
--surface-container-high: #
|
|
63
|
-
--on-surface-container-high:
|
|
64
|
-
--surface-container-highest: #
|
|
65
|
-
--on-surface-container-highest:
|
|
61
|
+
--on-surface-container: var(--macos-text);
|
|
62
|
+
--surface-container-high: #d9d9d9;
|
|
63
|
+
--on-surface-container-high: var(--macos-text);
|
|
64
|
+
--surface-container-highest: #b9b9be;
|
|
65
|
+
--on-surface-container-highest: var(--macos-text);
|
|
66
66
|
--background: var(--macos-canvas);
|
|
67
67
|
--on-background: var(--macos-text);
|
|
68
68
|
--rui-border-color: var(--macos-separator);
|
|
69
69
|
--rui-control-border-color: var(--macos-border);
|
|
70
70
|
--border: color-mix(in srgb, var(--rui-border-color) var(--rui-border-alpha), transparent);
|
|
71
|
-
--focus-ring: var(--macos-
|
|
71
|
+
--focus-ring: var(--macos-accent);
|
|
72
72
|
--on-focus-ring: #ffffff;
|
|
73
|
-
--link:
|
|
74
|
-
--overlay: rgb(0 0 0 /
|
|
75
|
-
--background-code: #
|
|
76
|
-
--on-background-code:
|
|
73
|
+
--link: var(--macos-blue);
|
|
74
|
+
--overlay: rgb(0 0 0 / 30%);
|
|
75
|
+
--background-code: #ffffff;
|
|
76
|
+
--on-background-code: var(--macos-text);
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
+
/**
|
|
80
|
+
* @remarks Dark `--primary` stays the light system blue so it reads as text and links on dark surfaces; components
|
|
81
|
+
* that fill with the accent and carry white text use `--macos-selection` instead.
|
|
82
|
+
*/
|
|
79
83
|
:where(.dark), :root.dark[data-rui-theme='macos'] {
|
|
80
84
|
--gray-50: #ffffff;
|
|
81
|
-
--gray-100: #
|
|
82
|
-
--gray-200: #
|
|
83
|
-
--gray-300: #
|
|
84
|
-
--gray-400: #
|
|
85
|
-
--gray-500: #
|
|
86
|
-
--gray-600: #
|
|
87
|
-
--gray-700: #
|
|
88
|
-
--gray-800: #
|
|
89
|
-
--gray-900: #
|
|
85
|
+
--gray-100: #dfdfdf;
|
|
86
|
+
--gray-200: #b9b9be;
|
|
87
|
+
--gray-300: #8e8e93;
|
|
88
|
+
--gray-400: #6e6e73;
|
|
89
|
+
--gray-500: #5c5c5e;
|
|
90
|
+
--gray-600: #484848;
|
|
91
|
+
--gray-700: #3d3d3d;
|
|
92
|
+
--gray-800: #323232;
|
|
93
|
+
--gray-900: #1e1e1e;
|
|
90
94
|
--gray-950: #000000;
|
|
91
95
|
--primary: var(--macos-blue);
|
|
92
96
|
--on-primary: #000000;
|
|
93
97
|
--primary-light: var(--macos-blue-light);
|
|
94
|
-
--primary-dark: #
|
|
95
|
-
--primary-container: #
|
|
96
|
-
--on-primary-container: #
|
|
98
|
+
--primary-dark: #0a84ff;
|
|
99
|
+
--primary-container: #0e3566;
|
|
100
|
+
--on-primary-container: #d6e8ff;
|
|
97
101
|
--secondary: var(--macos-purple);
|
|
98
102
|
--on-secondary: #000000;
|
|
99
|
-
--secondary-light: #
|
|
100
|
-
--secondary-dark: #
|
|
101
|
-
--secondary-container: #
|
|
102
|
-
--on-secondary-container: #
|
|
103
|
-
--tertiary: #
|
|
103
|
+
--secondary-light: #ebc3ff;
|
|
104
|
+
--secondary-dark: #bf5af2;
|
|
105
|
+
--secondary-container: #43255a;
|
|
106
|
+
--on-secondary-container: #f2dcff;
|
|
107
|
+
--tertiary: #b9b9be;
|
|
104
108
|
--on-tertiary: #000000;
|
|
105
|
-
--tertiary-container:
|
|
106
|
-
--on-tertiary-container:
|
|
109
|
+
--tertiary-container: var(--macos-subtle);
|
|
110
|
+
--on-tertiary-container: var(--macos-text);
|
|
107
111
|
--error: var(--macos-red);
|
|
108
112
|
--on-error: #000000;
|
|
109
|
-
--error-light: #
|
|
110
|
-
--error-dark: #
|
|
111
|
-
--error-container: #
|
|
112
|
-
--on-error-container: #
|
|
113
|
+
--error-light: #ffa39e;
|
|
114
|
+
--error-dark: #ff453a;
|
|
115
|
+
--error-container: #5c1d1a;
|
|
116
|
+
--on-error-container: #ffe1df;
|
|
113
117
|
--success: var(--macos-green);
|
|
114
118
|
--on-success: #000000;
|
|
115
|
-
--success-light: #
|
|
116
|
-
--success-dark: #
|
|
117
|
-
--success-container: #
|
|
118
|
-
--on-success-container: #
|
|
119
|
+
--success-light: #7ce495;
|
|
120
|
+
--success-dark: #28cd41;
|
|
121
|
+
--success-container: #164a26;
|
|
122
|
+
--on-success-container: #d3f5dc;
|
|
119
123
|
--info: var(--macos-blue);
|
|
120
124
|
--on-info: #000000;
|
|
121
125
|
--info-light: var(--macos-blue-light);
|
|
122
|
-
--info-dark: #
|
|
123
|
-
--info-container: #
|
|
124
|
-
--on-info-container: #
|
|
126
|
+
--info-dark: #0a84ff;
|
|
127
|
+
--info-container: #0e3566;
|
|
128
|
+
--on-info-container: #d6e8ff;
|
|
125
129
|
--warning: var(--macos-amber);
|
|
126
130
|
--on-warning: #000000;
|
|
127
|
-
--warning-light: #
|
|
128
|
-
--warning-dark: #
|
|
129
|
-
--warning-container: #
|
|
130
|
-
--on-warning-container: #
|
|
131
|
+
--warning-light: #ffe566;
|
|
132
|
+
--warning-dark: #ffcc00;
|
|
133
|
+
--warning-container: #4d3f00;
|
|
134
|
+
--on-warning-container: #fff1b8;
|
|
131
135
|
--neutral: var(--macos-muted);
|
|
132
136
|
--surface: var(--macos-surface);
|
|
133
137
|
--on-surface: var(--macos-text);
|
|
134
|
-
--surface-container-lowest: #
|
|
135
|
-
--on-surface-container-lowest:
|
|
136
|
-
--surface-container-low: #
|
|
137
|
-
--on-surface-container-low:
|
|
138
|
+
--surface-container-lowest: #1e1e1e;
|
|
139
|
+
--on-surface-container-lowest: var(--macos-text);
|
|
140
|
+
--surface-container-low: #262626;
|
|
141
|
+
--on-surface-container-low: var(--macos-text);
|
|
138
142
|
--surface-container: var(--macos-subtle);
|
|
139
|
-
--on-surface-container:
|
|
140
|
-
--surface-container-high: #
|
|
141
|
-
--on-surface-container-high:
|
|
142
|
-
--surface-container-highest: #
|
|
143
|
+
--on-surface-container: var(--macos-text);
|
|
144
|
+
--surface-container-high: #4a4a4c;
|
|
145
|
+
--on-surface-container-high: var(--macos-text);
|
|
146
|
+
--surface-container-highest: #5c5c5e;
|
|
143
147
|
--on-surface-container-highest: #ffffff;
|
|
144
148
|
--background: var(--macos-canvas);
|
|
145
149
|
--on-background: var(--macos-text);
|
|
146
150
|
--rui-border-color: var(--macos-separator);
|
|
147
151
|
--rui-control-border-color: var(--macos-border);
|
|
148
152
|
--border: color-mix(in srgb, var(--rui-border-color) var(--rui-border-alpha), transparent);
|
|
149
|
-
--focus-ring: var(--macos-
|
|
150
|
-
--on-focus-ring: #
|
|
151
|
-
--link: #
|
|
152
|
-
--overlay: rgb(0 0 0 /
|
|
153
|
-
--background-code: #
|
|
154
|
-
--on-background-code:
|
|
153
|
+
--focus-ring: var(--macos-accent);
|
|
154
|
+
--on-focus-ring: #ffffff;
|
|
155
|
+
--link: #419cff;
|
|
156
|
+
--overlay: rgb(0 0 0 / 45%);
|
|
157
|
+
--background-code: #1e1e1e;
|
|
158
|
+
--on-background-code: var(--macos-text);
|
|
155
159
|
}
|
|
@@ -12,27 +12,27 @@
|
|
|
12
12
|
--gray-950: oklch(16% 0.012 285);
|
|
13
13
|
|
|
14
14
|
--primary: var(--material-primary);
|
|
15
|
-
--on-primary:
|
|
16
|
-
--primary-light:
|
|
17
|
-
--primary-dark:
|
|
18
|
-
--primary-container:
|
|
19
|
-
--on-primary-container:
|
|
15
|
+
--on-primary: var(--material-on-primary);
|
|
16
|
+
--primary-light: #7f67be;
|
|
17
|
+
--primary-dark: #4f378b;
|
|
18
|
+
--primary-container: var(--material-primary-container);
|
|
19
|
+
--on-primary-container: var(--material-on-primary-container);
|
|
20
20
|
--secondary: var(--material-secondary);
|
|
21
|
-
--on-secondary:
|
|
22
|
-
--secondary-light:
|
|
23
|
-
--secondary-dark:
|
|
24
|
-
--secondary-container:
|
|
25
|
-
--on-secondary-container:
|
|
21
|
+
--on-secondary: var(--material-on-secondary);
|
|
22
|
+
--secondary-light: #7a7289;
|
|
23
|
+
--secondary-dark: #4a4458;
|
|
24
|
+
--secondary-container: var(--material-secondary-container);
|
|
25
|
+
--on-secondary-container: var(--material-on-secondary-container);
|
|
26
26
|
--tertiary: var(--material-tertiary);
|
|
27
|
-
--on-tertiary:
|
|
28
|
-
--tertiary-container:
|
|
29
|
-
--on-tertiary-container:
|
|
27
|
+
--on-tertiary: var(--material-on-tertiary);
|
|
28
|
+
--tertiary-container: var(--material-tertiary-container);
|
|
29
|
+
--on-tertiary-container: var(--material-on-tertiary-container);
|
|
30
30
|
--error: var(--material-error);
|
|
31
|
-
--on-error:
|
|
32
|
-
--error-light:
|
|
33
|
-
--error-dark:
|
|
34
|
-
--error-container:
|
|
35
|
-
--on-error-container:
|
|
31
|
+
--on-error: var(--material-on-error);
|
|
32
|
+
--error-light: #dc362e;
|
|
33
|
+
--error-dark: #8c1d18;
|
|
34
|
+
--error-container: var(--material-error-container);
|
|
35
|
+
--on-error-container: var(--material-on-error-container);
|
|
36
36
|
--success: oklch(47% 0.13 155);
|
|
37
37
|
--on-success: white;
|
|
38
38
|
--success-light: oklch(68% 0.12 155);
|
|
@@ -52,30 +52,30 @@
|
|
|
52
52
|
--warning-container: oklch(93% 0.04 85);
|
|
53
53
|
--on-warning-container: oklch(31% 0.08 75);
|
|
54
54
|
|
|
55
|
-
--neutral:
|
|
55
|
+
--neutral: var(--material-on-surface-variant);
|
|
56
56
|
--surface: var(--material-surface);
|
|
57
|
-
--on-surface: var(--material-
|
|
58
|
-
--surface-container-lowest:
|
|
59
|
-
--on-surface-container-lowest: var(--material-
|
|
60
|
-
--surface-container-low:
|
|
61
|
-
--on-surface-container-low: var(--material-
|
|
57
|
+
--on-surface: var(--material-on-surface);
|
|
58
|
+
--surface-container-lowest: var(--material-surface-container-lowest);
|
|
59
|
+
--on-surface-container-lowest: var(--material-on-surface);
|
|
60
|
+
--surface-container-low: var(--material-surface-container-low);
|
|
61
|
+
--on-surface-container-low: var(--material-on-surface);
|
|
62
62
|
--surface-container: var(--material-surface-container);
|
|
63
|
-
--on-surface-container: var(--material-
|
|
64
|
-
--surface-container-high:
|
|
65
|
-
--on-surface-container-high: var(--material-
|
|
66
|
-
--surface-container-highest:
|
|
67
|
-
--on-surface-container-highest: var(--material-
|
|
68
|
-
--background: var(--material-
|
|
69
|
-
--on-background: var(--material-
|
|
63
|
+
--on-surface-container: var(--material-on-surface);
|
|
64
|
+
--surface-container-high: var(--material-surface-container-high);
|
|
65
|
+
--on-surface-container-high: var(--material-on-surface);
|
|
66
|
+
--surface-container-highest: var(--material-surface-container-highest);
|
|
67
|
+
--on-surface-container-highest: var(--material-on-surface);
|
|
68
|
+
--background: var(--material-surface);
|
|
69
|
+
--on-background: var(--material-on-surface);
|
|
70
70
|
--rui-border-color: var(--material-outline-variant);
|
|
71
71
|
--rui-control-border-color: var(--material-outline);
|
|
72
72
|
--border: color-mix(in srgb, var(--rui-border-color) var(--rui-border-alpha), transparent);
|
|
73
|
-
--focus-ring:
|
|
74
|
-
--on-focus-ring:
|
|
75
|
-
--link:
|
|
73
|
+
--focus-ring: var(--material-secondary);
|
|
74
|
+
--on-focus-ring: var(--material-on-secondary);
|
|
75
|
+
--link: var(--material-primary);
|
|
76
76
|
--overlay: oklch(0% 0 0 / 0.48);
|
|
77
|
-
--background-code:
|
|
78
|
-
--on-background-code: var(--material-
|
|
77
|
+
--background-code: var(--material-surface-container-high);
|
|
78
|
+
--on-background-code: var(--material-on-surface);
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
:where(.dark), :root.dark[data-rui-theme='material'] {
|
|
@@ -91,21 +91,21 @@
|
|
|
91
91
|
--gray-900: oklch(20% 0.01 285);
|
|
92
92
|
--gray-950: oklch(15% 0.009 285);
|
|
93
93
|
--primary: var(--material-primary);
|
|
94
|
-
--on-primary:
|
|
95
|
-
--primary-container:
|
|
96
|
-
--on-primary-container:
|
|
94
|
+
--on-primary: var(--material-on-primary);
|
|
95
|
+
--primary-container: var(--material-primary-container);
|
|
96
|
+
--on-primary-container: var(--material-on-primary-container);
|
|
97
97
|
--secondary: var(--material-secondary);
|
|
98
|
-
--on-secondary:
|
|
99
|
-
--secondary-container:
|
|
100
|
-
--on-secondary-container:
|
|
98
|
+
--on-secondary: var(--material-on-secondary);
|
|
99
|
+
--secondary-container: var(--material-secondary-container);
|
|
100
|
+
--on-secondary-container: var(--material-on-secondary-container);
|
|
101
101
|
--tertiary: var(--material-tertiary);
|
|
102
|
-
--on-tertiary:
|
|
103
|
-
--tertiary-container:
|
|
104
|
-
--on-tertiary-container:
|
|
102
|
+
--on-tertiary: var(--material-on-tertiary);
|
|
103
|
+
--tertiary-container: var(--material-tertiary-container);
|
|
104
|
+
--on-tertiary-container: var(--material-on-tertiary-container);
|
|
105
105
|
--error: var(--material-error);
|
|
106
|
-
--on-error:
|
|
107
|
-
--error-container:
|
|
108
|
-
--on-error-container:
|
|
106
|
+
--on-error: var(--material-on-error);
|
|
107
|
+
--error-container: var(--material-error-container);
|
|
108
|
+
--on-error-container: var(--material-on-error-container);
|
|
109
109
|
--success: oklch(78% 0.13 155);
|
|
110
110
|
--on-success: oklch(22% 0.06 155);
|
|
111
111
|
--success-container: oklch(33% 0.07 155);
|
|
@@ -118,27 +118,27 @@
|
|
|
118
118
|
--on-warning: oklch(25% 0.06 75);
|
|
119
119
|
--warning-container: oklch(38% 0.07 75);
|
|
120
120
|
--on-warning-container: oklch(94% 0.04 85);
|
|
121
|
-
--neutral:
|
|
121
|
+
--neutral: var(--material-on-surface-variant);
|
|
122
122
|
--surface: var(--material-surface);
|
|
123
|
-
--on-surface: var(--material-
|
|
124
|
-
--surface-container-lowest:
|
|
125
|
-
--on-surface-container-lowest: var(--material-
|
|
126
|
-
--surface-container-low:
|
|
127
|
-
--on-surface-container-low: var(--material-
|
|
123
|
+
--on-surface: var(--material-on-surface);
|
|
124
|
+
--surface-container-lowest: var(--material-surface-container-lowest);
|
|
125
|
+
--on-surface-container-lowest: var(--material-on-surface);
|
|
126
|
+
--surface-container-low: var(--material-surface-container-low);
|
|
127
|
+
--on-surface-container-low: var(--material-on-surface);
|
|
128
128
|
--surface-container: var(--material-surface-container);
|
|
129
|
-
--on-surface-container: var(--material-
|
|
130
|
-
--surface-container-high:
|
|
131
|
-
--on-surface-container-high: var(--material-
|
|
132
|
-
--surface-container-highest:
|
|
133
|
-
--on-surface-container-highest: var(--material-
|
|
134
|
-
--background: var(--material-
|
|
135
|
-
--on-background: var(--material-
|
|
129
|
+
--on-surface-container: var(--material-on-surface);
|
|
130
|
+
--surface-container-high: var(--material-surface-container-high);
|
|
131
|
+
--on-surface-container-high: var(--material-on-surface);
|
|
132
|
+
--surface-container-highest: var(--material-surface-container-highest);
|
|
133
|
+
--on-surface-container-highest: var(--material-on-surface);
|
|
134
|
+
--background: var(--material-surface);
|
|
135
|
+
--on-background: var(--material-on-surface);
|
|
136
136
|
--rui-border-color: var(--material-outline-variant);
|
|
137
137
|
--rui-control-border-color: var(--material-outline);
|
|
138
138
|
--border: color-mix(in srgb, var(--rui-border-color) var(--rui-border-alpha), transparent);
|
|
139
|
-
--focus-ring: var(--material-
|
|
140
|
-
--on-focus-ring:
|
|
139
|
+
--focus-ring: var(--material-secondary);
|
|
140
|
+
--on-focus-ring: var(--material-on-secondary);
|
|
141
141
|
--link: var(--material-primary);
|
|
142
|
-
--background-code:
|
|
143
|
-
--on-background-code: var(--material-
|
|
142
|
+
--background-code: var(--material-surface-container-high);
|
|
143
|
+
--on-background-code: var(--material-on-surface);
|
|
144
144
|
}
|
|
@@ -60,13 +60,13 @@
|
|
|
60
60
|
--on-surface: var(--color-vercel-text-primary);
|
|
61
61
|
--surface-container-lowest: var(--color-vercel-background-1);
|
|
62
62
|
--on-surface-container-lowest: var(--color-vercel-text-primary);
|
|
63
|
-
--surface-container-low: var(--color-vercel-
|
|
63
|
+
--surface-container-low: var(--color-vercel-background-2);
|
|
64
64
|
--on-surface-container-low: var(--color-vercel-text-primary);
|
|
65
65
|
--surface-container: var(--color-vercel-component-1);
|
|
66
66
|
--on-surface-container: var(--color-vercel-text-primary);
|
|
67
|
-
--surface-container-high: var(--color-vercel-component-
|
|
67
|
+
--surface-container-high: var(--color-vercel-component-2);
|
|
68
68
|
--on-surface-container-high: var(--color-vercel-text-primary);
|
|
69
|
-
--surface-container-highest: var(--color-vercel-
|
|
69
|
+
--surface-container-highest: var(--color-vercel-component-3);
|
|
70
70
|
--on-surface-container-highest: var(--color-vercel-text-primary);
|
|
71
71
|
--background: var(--color-vercel-background-2);
|
|
72
72
|
--on-background: var(--color-vercel-text-primary);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ecopages/radiant-themes",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.3",
|
|
4
4
|
"description": "Composable color themes and variants for @ecopages/radiant-ui",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
"**/*.css"
|
|
20
20
|
],
|
|
21
21
|
"peerDependencies": {
|
|
22
|
-
"@ecopages/radiant-ui": ">=0.2.
|
|
22
|
+
"@ecopages/radiant-ui": ">=0.2.3"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@tailwindcss/postcss": "^4.3.3",
|
|
26
26
|
"playwright": "^1.62.1",
|
|
27
27
|
"postcss": "^8.5.24",
|
|
28
28
|
"tailwindcss": "^4.3.0",
|
|
29
|
-
"@ecopages/radiant-ui": "0.2.
|
|
29
|
+
"@ecopages/radiant-ui": "0.2.3"
|
|
30
30
|
},
|
|
31
31
|
"exports": {
|
|
32
32
|
"./package.json": "./package.json",
|