@nightshadeui/stylesheets 2.4.0 → 2.5.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.
Files changed (6) hide show
  1. package/index.css +0 -1
  2. package/package.json +1 -1
  3. package/variables/base.css +1 -2
  4. package/variables/palette.css +23 -23
  5. package/variables/ui.css +129 -17
  6. package/inputs.css +0 -111
package/index.css CHANGED
@@ -6,7 +6,6 @@
6
6
  @import './variables/ui.css' layer(nightshade);
7
7
 
8
8
  @import './commons.css' layer(nightshade);
9
- @import './inputs.css' layer(nightshade);
10
9
  @import './util.css' layer(nightshade);
11
10
  @import './kbd.css' layer(nightshade);
12
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nightshadeui/stylesheets",
3
- "version": "2.4.0",
3
+ "version": "2.5.0",
4
4
  "description": "Nightshade UI CSS",
5
5
  "author": "Boris Okunskiy",
6
6
  "license": "ISC",
package/variables/base.css CHANGED
@@ -35,11 +35,10 @@
35
35
 
36
36
  --input-radius: var(--border-radius-s);
37
37
  --input-radius-round: var(--border-radius-l);
38
- --input-radius-full: 32px;
38
+ --input-radius-full: var(--border-radius-xl);
39
39
 
40
40
  --input-border-size: 1px;
41
41
  --input-outline-size: 2px;
42
42
  --input-outline-offset: 0;
43
- --input-z: 0;
44
43
 
45
44
  }
package/variables/palette.css CHANGED
@@ -2,38 +2,38 @@
2
2
 
3
3
  --l-0: 1;
4
4
  --l-50: 0.98;
5
- --l-100: 0.96;
6
- --l-200: 0.9;
7
- --l-300: 0.82;
5
+ --l-100: 0.94;
6
+ --l-200: 0.88;
7
+ --l-300: 0.80;
8
8
  --l-400: 0.72;
9
- --l-500: 0.68;
10
- --l-600: 0.60;
11
- --l-700: 0.52;
12
- --l-800: 0.44;
13
- --l-900: 0.32;
14
- --l-1000: 0.24;
9
+ --l-500: 0.64;
10
+ --l-600: 0.56;
11
+ --l-700: 0.48;
12
+ --l-800: 0.42;
13
+ --l-900: 0.36;
14
+ --l-1000: 0.32;
15
15
 
16
16
  --c-0: 0.01;
17
- --c-50: 0.01;
17
+ --c-50: 0.02;
18
18
  --c-100: 0.03;
19
- --c-200: 0.07;
20
- --c-300: 0.10;
19
+ --c-200: 0.06;
20
+ --c-300: 0.09;
21
21
  --c-400: 0.12;
22
22
  --c-500: 0.12;
23
- --c-600: 0.10;
24
- --c-700: 0.07;
23
+ --c-600: 0.09;
24
+ --c-700: 0.06;
25
25
  --c-800: 0.03;
26
- --c-900: 0.01;
26
+ --c-900: 0.02;
27
27
  --c-1000: 0.01;
28
28
 
29
29
  --color-base-text: var(--color-base-900);
30
- --color-base-hue: 320deg;
31
- --color-base-int: .1;
30
+ --color-base-hue: 340deg;
31
+ --color-base-int: .16;
32
32
  --color-base-lum: 1;
33
33
 
34
34
  --color-inverse-text: var(--color-inverse-900);
35
- --color-inverse-hue: 320deg;
36
- --color-inverse-int: .1;
35
+ --color-inverse-hue: 340deg;
36
+ --color-inverse-int: .2;
37
37
  --color-inverse-lum: 1;
38
38
 
39
39
  --color-primary-text: #fff;
@@ -47,8 +47,8 @@
47
47
  --color-secondary-lum: 1;
48
48
 
49
49
  --color-tertiary-text: #fff;
50
- --color-tertiary-hue: 8deg;
51
- --color-tertiary-int: .4;
50
+ --color-tertiary-hue: 20deg;
51
+ --color-tertiary-int: .25;
52
52
  --color-tertiary-lum: 1;
53
53
 
54
54
  --color-success-text: #fff;
@@ -57,12 +57,12 @@
57
57
  --color-success-lum: 1;
58
58
 
59
59
  --color-warning-text: #fff;
60
- --color-warning-hue: 78deg;
60
+ --color-warning-hue: 72deg;
61
61
  --color-warning-int: 1.33;
62
62
  --color-warning-lum: 1.12;
63
63
 
64
64
  --color-danger-text: #fff;
65
- --color-danger-hue: 25deg;
65
+ --color-danger-hue: 24deg;
66
66
  --color-danger-int: 1.5;
67
67
  --color-danger-lum: .9;
68
68
 
package/variables/ui.css CHANGED
@@ -1,9 +1,9 @@
1
1
  :root {
2
- --ui-base--z: 0;
2
+ --ui-base-z: 0;
3
3
  --ui-base-text-color: var(--color-base-900);
4
4
  --ui-base-surface-color: var(--color-base-0);
5
- --ui-base-surface-color-top: light-dark(var(--color-base-0), var(--color-base-200));
6
- --ui-base-surface-color-bottom: light-dark(var(--color-base-200), var(--color-base-0));
5
+ --ui-base-surface-top-color: light-dark(var(--color-base-0), var(--color-base-200));
6
+ --ui-base-surface-bottom-color: light-dark(var(--color-base-200), var(--color-base-0));
7
7
  --ui-base-surface-text-color: var(--color-base-text);
8
8
  --ui-base-surface-text-shadow-color: var(--color-base-200);
9
9
  --ui-base-border-color: var(--color-base-400);
@@ -14,8 +14,8 @@
14
14
  --ui-inverse-z: 1;
15
15
  --ui-inverse-text-color: var(--color-inverse-0);
16
16
  --ui-inverse-surface-color: var(--color-inverse-0);
17
- --ui-inverse-surface-color-top: light-dark(var(--color-inverse-200), var(--color-inverse-0));
18
- --ui-inverse-surface-color-bottom: light-dark(var(--color-inverse-0), var(--color-inverse-200));
17
+ --ui-inverse-surface-top-color: light-dark(var(--color-inverse-200), var(--color-inverse-0));
18
+ --ui-inverse-surface-bottom-color: light-dark(var(--color-inverse-0), var(--color-inverse-200));
19
19
  --ui-inverse-surface-text-color: var(--color-inverse-text);
20
20
  --ui-inverse-surface-text-shadow-color: var(--color-inverse-200);
21
21
  --ui-inverse-border-color: var(--color-inverse-0);
@@ -26,8 +26,8 @@
26
26
  --ui-primary-z: 5;
27
27
  --ui-primary-text-color: light-dark(var(--color-primary-500), var(--color-primary-400));
28
28
  --ui-primary-surface-color: var(--color-primary-500);
29
- --ui-primary-surface-color-top: var(--color-primary-400);
30
- --ui-primary-surface-color-bottom: var(--color-primary-600);
29
+ --ui-primary-surface-top-color: var(--color-primary-400);
30
+ --ui-primary-surface-bottom-color: var(--color-primary-600);
31
31
  --ui-primary-surface-text-color: var(--color-primary-text);
32
32
  --ui-primary-surface-text-shadow-color: var(--color-primary-600);
33
33
  --ui-primary-border-color: light-dark(var(--color-primary-600), var(--color-primary-400));
@@ -38,8 +38,8 @@
38
38
  --ui-secondary-z: 4;
39
39
  --ui-secondary-text-color: light-dark(var(--color-secondary-500), var(--color-secondary-400));
40
40
  --ui-secondary-surface-color: var(--color-secondary-500);
41
- --ui-secondary-surface-color-top: var(--color-secondary-400);
42
- --ui-secondary-surface-color-bottom: var(--color-secondary-600);
41
+ --ui-secondary-surface-top-color: var(--color-secondary-400);
42
+ --ui-secondary-surface-bottom-color: var(--color-secondary-600);
43
43
  --ui-secondary-surface-text-color: var(--color-secondary-text);
44
44
  --ui-secondary-surface-text-shadow-color: var(--color-secondary-600);
45
45
  --ui-secondary-border-color: light-dark(var(--color-secondary-600), var(--color-secondary-400));
@@ -50,8 +50,8 @@
50
50
  --ui-tertiary-z: 3;
51
51
  --ui-tertiary-text-color: light-dark(var(--color-tertiary-500), var(--color-tertiary-400));
52
52
  --ui-tertiary-surface-color: var(--color-tertiary-500);
53
- --ui-tertiary-surface-color-top: var(--color-tertiary-400);
54
- --ui-tertiary-surface-color-bottom: var(--color-tertiary-600);
53
+ --ui-tertiary-surface-top-color: var(--color-tertiary-400);
54
+ --ui-tertiary-surface-bottom-color: var(--color-tertiary-600);
55
55
  --ui-tertiary-surface-text-color: var(--color-tertiary-text);
56
56
  --ui-tertiary-surface-text-shadow-color: var(--color-tertiary-600);
57
57
  --ui-tertiary-border-color: light-dark(var(--color-tertiary-600), var(--color-tertiary-400));
@@ -62,8 +62,8 @@
62
62
  --ui-success-z: 3;
63
63
  --ui-success-text-color: light-dark(var(--color-success-500), var(--color-success-400));
64
64
  --ui-success-surface-color: var(--color-success-500);
65
- --ui-success-surface-color-top: var(--color-success-400);
66
- --ui-success-surface-color-bottom: var(--color-success-600);
65
+ --ui-success-surface-top-color: var(--color-success-400);
66
+ --ui-success-surface-bottom-color: var(--color-success-600);
67
67
  --ui-success-surface-text-color: var(--color-success-text);
68
68
  --ui-success-surface-text-shadow-color: var(--color-success-600);
69
69
  --ui-success-border-color: light-dark(var(--color-success-600), var(--color-success-400));
@@ -74,8 +74,8 @@
74
74
  --ui-warning-z: 3;
75
75
  --ui-warning-text-color: light-dark(var(--color-warning-500), var(--color-warning-400));
76
76
  --ui-warning-surface-color: var(--color-warning-500);
77
- --ui-warning-surface-color-top: var(--color-warning-400);
78
- --ui-warning-surface-color-bottom: var(--color-warning-600);
77
+ --ui-warning-surface-top-color: var(--color-warning-400);
78
+ --ui-warning-surface-bottom-color: var(--color-warning-600);
79
79
  --ui-warning-surface-text-color: var(--color-warning-text);
80
80
  --ui-warning-surface-text-shadow-color: var(--color-warning-600);
81
81
  --ui-warning-border-color: light-dark(var(--color-warning-600), var(--color-warning-400));
@@ -86,12 +86,124 @@
86
86
  --ui-danger-z: 3;
87
87
  --ui-danger-text-color: light-dark(var(--color-danger-500), var(--color-danger-400));
88
88
  --ui-danger-surface-color: var(--color-danger-500);
89
- --ui-danger-surface-color-top: var(--color-danger-400);
90
- --ui-danger-surface-color-bottom: var(--color-danger-600);
89
+ --ui-danger-surface-top-color: var(--color-danger-400);
90
+ --ui-danger-surface-bottom-color: var(--color-danger-600);
91
91
  --ui-danger-surface-text-color: var(--color-danger-text);
92
92
  --ui-danger-surface-text-shadow-color: var(--color-danger-600);
93
93
  --ui-danger-border-color: light-dark(var(--color-danger-600), var(--color-danger-400));;
94
94
  --ui-danger-shadow-color: var(--color-danger-800);
95
95
  --ui-danger-focus-light-color: light-dark(var(--color-danger-300), var(--color-danger-700));
96
96
  --ui-danger-focus-medium-color: light-dark(var(--color-danger-600), var(--color-danger-400));
97
+ }
98
+
99
+ .ui-base {
100
+ --ui-z: var(--ui-base-z);
101
+ --ui-text-color: var(--ui-base-text-color);
102
+ --ui-surface-color: var(--ui-base-surface-color);
103
+ --ui-surface-top-color: var(--ui-base-surface-top-color);
104
+ --ui-surface-bottom-color: var(--ui-base-surface-bottom-color);
105
+ --ui-surface-text-color: var(--ui-base-surface-text-color);
106
+ --ui-surface-text-shadow-color: var(--ui-base-surface-text-shadow-color);
107
+ --ui-border-color: var(--ui-base-border-color);
108
+ --ui-shadow-color: var(--ui-base-shadow-color);
109
+ --ui-focus-light-color: var(--ui-base-focus-light-color);
110
+ --ui-focus-medium-color: var(--ui-base-focus-medium-color);
111
+ }
112
+
113
+ .ui-inverse {
114
+ --ui-z: var(--ui-inverse-z);
115
+ --ui-text-color: var(--color-inverse-0);
116
+ --ui-surface-color: var(--ui-inverse-surface-color);
117
+ --ui-surface-top-color: var(--ui-inverse-surface-top-color);
118
+ --ui-surface-bottom-color: var(--ui-inverse-surface-bottom-color);
119
+ --ui-surface-text-color: var(--ui-inverse-surface-text-color);
120
+ --ui-surface-text-shadow-color: var(--ui-inverse-surface-text-shadow-color);
121
+ --ui-border-color: var(--ui-inverse-border-color);
122
+ --ui-shadow-color: var(--ui-inverse-shadow-color);
123
+ --ui-focus-light-color: var(--ui-inverse-focus-light-color);
124
+ --ui-focus-medium-color: var(--ui-inverse-focus-medium-color);
125
+ }
126
+
127
+ .ui-primary {
128
+ --ui-z: var(--ui-primary-z);
129
+ --ui-text-color: var(--ui-primary-text-color);
130
+ --ui-surface-color: var(--ui-primary-surface-color);
131
+ --ui-surface-top-color: var(--ui-primary-surface-top-color);
132
+ --ui-surface-bottom-color: var(--ui-primary-surface-bottom-color);
133
+ --ui-surface-text-color: var(--ui-primary-surface-text-color);
134
+ --ui-surface-text-shadow-color: var(--ui-primary-surface-text-shadow-color);
135
+ --ui-border-color: var(--ui-primary-border-color);
136
+ --ui-shadow-color: var(--ui-primary-shadow-color);
137
+ --ui-focus-light-color: var(--ui-primary-focus-light-color);
138
+ --ui-focus-medium-color: var(--ui-primary-focus-medium-color);
139
+ }
140
+
141
+ .ui-secondary {
142
+ --ui-z: var(--ui-secondary-z);
143
+ --ui-text-color: var(--ui-secondary-text-color);
144
+ --ui-surface-color: var(--ui-secondary-surface-color);
145
+ --ui-surface-top-color: var(--ui-secondary-surface-top-color);
146
+ --ui-surface-bottom-color: var(--ui-secondary-surface-bottom-color);
147
+ --ui-surface-text-color: var(--ui-secondary-surface-text-color);
148
+ --ui-surface-text-shadow-color: var(--ui-secondary-surface-text-shadow-color);
149
+ --ui-border-color: var(--ui-secondary-border-color);
150
+ --ui-shadow-color: var(--ui-secondary-shadow-color);
151
+ --ui-focus-light-color: var(--ui-secondary-focus-light-color);
152
+ --ui-focus-medium-color: var(--ui-secondary-focus-medium-color);
153
+ }
154
+
155
+ .ui-tertiary {
156
+ --ui-z: var(--ui-tertiary-z);
157
+ --ui-text-color: var(--ui-tertiary-text-color);
158
+ --ui-surface-color: var(--ui-tertiary-surface-color);
159
+ --ui-surface-top-color: var(--ui-tertiary-surface-top-color);
160
+ --ui-surface-bottom-color: var(--ui-tertiary-surface-bottom-color);
161
+ --ui-surface-text-color: var(--ui-tertiary-surface-text-color);
162
+ --ui-surface-text-shadow-color: var(--ui-tertiary-surface-text-shadow-color);
163
+ --ui-border-color: var(--ui-tertiary-border-color);
164
+ --ui-shadow-color: var(--ui-tertiary-shadow-color);
165
+ --ui-focus-light-color: var(--ui-tertiary-focus-light-color);
166
+ --ui-focus-medium-color: var(--ui-tertiary-focus-medium-color);
167
+ }
168
+
169
+ .ui-success {
170
+ --ui-z: var(--ui-success-z);
171
+ --ui-text-color: var(--ui-success-text-color);
172
+ --ui-surface-color: var(--ui-success-surface-color);
173
+ --ui-surface-top-color: var(--ui-success-surface-top-color);
174
+ --ui-surface-bottom-color: var(--ui-success-surface-bottom-color);
175
+ --ui-surface-text-color: var(--ui-success-surface-text-color);
176
+ --ui-surface-text-shadow-color: var(--ui-success-surface-text-shadow-color);
177
+ --ui-border-color: var(--ui-success-border-color);
178
+ --ui-shadow-color: var(--ui-success-shadow-color);
179
+ --ui-focus-light-color: var(--ui-success-focus-light-color);
180
+ --ui-focus-medium-color: var(--ui-success-focus-medium-color);
181
+ }
182
+
183
+ .ui-warning {
184
+ --ui-z: var(--ui-warning-z);
185
+ --ui-text-color: var(--ui-warning-text-color);
186
+ --ui-surface-color: var(--ui-warning-surface-color);
187
+ --ui-surface-top-color: var(--ui-warning-surface-top-color);
188
+ --ui-surface-bottom-color: var(--ui-warning-surface-bottom-color);
189
+ --ui-surface-text-color: var(--ui-warning-surface-text-color);
190
+ --ui-surface-text-shadow-color: var(--ui-warning-surface-text-shadow-color);
191
+ --ui-border-color: var(--ui-warning-border-color);
192
+ --ui-shadow-color: var(--ui-warning-shadow-color);
193
+ --ui-focus-light-color: var(--ui-warning-focus-light-color);
194
+ --ui-focus-medium-color: var(--ui-warning-focus-medium-color);
195
+ }
196
+
197
+ .ui-danger {
198
+ --ui-z: var(--ui-danger-z);
199
+ --ui-text-color: var(--ui-danger-text-color);
200
+ --ui-surface-color: var(--ui-danger-surface-color);
201
+ --ui-surface-top-color: var(--ui-danger-surface-top-color);
202
+ --ui-surface-bottom-color: var(--ui-danger-surface-bottom-color);
203
+ --ui-surface-text-color: var(--ui-danger-surface-text-color);
204
+ --ui-surface-text-shadow-color: var(--ui-danger-surface-text-shadow-color);
205
+ --ui-border-color: var(--ui-danger-border-color);
206
+ --ui-shadow-color: var(--ui-danger-shadow-color);
207
+ --ui-focus-light-color: var(--ui-danger-focus-light-color);
208
+ --ui-focus-medium-color: var(--ui-danger-focus-medium-color);
97
209
  }
package/inputs.css DELETED
@@ -1,111 +0,0 @@
1
- .input-kind-base {
2
- --input-z: var(--ui-base-z);
3
- --input-text-color: var(--ui-base-text-color);
4
- --input-surface-color: var(--ui-base-surface-color);
5
- --input-surface-color-top: var(--ui-base-surface-color-top);
6
- --input-surface-color-bottom: var(--ui-base-surface-color-bottom);
7
- --input-surface-text-color: var(--ui-base-surface-text-color);
8
- --input-surface-text-shadow-color: var(--ui-base-surface-text-shadow-color);
9
- --input-border-color: var(--ui-base-border-color);
10
- --input-shadow-color: var(--ui-base-shadow-color);
11
- --input-focus-light-color: var(--ui-base-focus-light-color);
12
- --input-focus-medium-color: var(--ui-base-focus-medium-color);
13
- }
14
-
15
- .input-kind-inverse {
16
- --input-z: var(--ui-inverse-z);
17
- --input-text-color: var(--color-inverse-0);
18
- --input-surface-color: var(--ui-inverse-surface-color);
19
- --input-surface-color-top: var(--ui-inverse-surface-color-top);
20
- --input-surface-color-bottom: var(--ui-inverse-surface-color-bottom);
21
- --input-surface-text-color: var(--ui-inverse-surface-text-color);
22
- --input-surface-text-shadow-color: var(--ui-inverse-surface-text-shadow-color);
23
- --input-border-color: var(--ui-inverse-border-color);
24
- --input-shadow-color: var(--ui-inverse-shadow-color);
25
- --input-focus-light-color: var(--ui-inverse-focus-light-color);
26
- --input-focus-medium-color: var(--ui-inverse-focus-medium-color);
27
- }
28
-
29
- .input-kind-primary {
30
- --input-z: var(--ui-primary-z);
31
- --input-text-color: var(--ui-primary-text-color);
32
- --input-surface-color: var(--ui-primary-surface-color);
33
- --input-surface-color-top: var(--ui-primary-surface-color-top);
34
- --input-surface-color-bottom: var(--ui-primary-surface-color-bottom);
35
- --input-surface-text-color: var(--ui-primary-surface-text-color);
36
- --input-surface-text-shadow-color: var(--ui-primary-surface-text-shadow-color);
37
- --input-border-color: var(--ui-primary-border-color);
38
- --input-shadow-color: var(--ui-primary-shadow-color);
39
- --input-focus-light-color: var(--ui-primary-focus-light-color);
40
- --input-focus-medium-color: var(--ui-primary-focus-medium-color);
41
- }
42
-
43
- .input-kind-secondary {
44
- --input-z: var(--ui-secondary-z);
45
- --input-text-color: var(--ui-secondary-text-color);
46
- --input-surface-color: var(--ui-secondary-surface-color);
47
- --input-surface-color-top: var(--ui-secondary-surface-color-top);
48
- --input-surface-color-bottom: var(--ui-secondary-surface-color-bottom);
49
- --input-surface-text-color: var(--ui-secondary-surface-text-color);
50
- --input-surface-text-shadow-color: var(--ui-secondary-surface-text-shadow-color);
51
- --input-border-color: var(--ui-secondary-border-color);
52
- --input-shadow-color: var(--ui-secondary-shadow-color);
53
- --input-focus-light-color: var(--ui-secondary-focus-light-color);
54
- --input-focus-medium-color: var(--ui-secondary-focus-medium-color);
55
- }
56
-
57
- .input-kind-tertiary {
58
- --input-z: var(--ui-tertiary-z);
59
- --input-text-color: var(--ui-tertiary-text-color);
60
- --input-surface-color: var(--ui-tertiary-surface-color);
61
- --input-surface-color-top: var(--ui-tertiary-surface-color-top);
62
- --input-surface-color-bottom: var(--ui-tertiary-surface-color-bottom);
63
- --input-surface-text-color: var(--ui-tertiary-surface-text-color);
64
- --input-surface-text-shadow-color: var(--ui-tertiary-surface-text-shadow-color);
65
- --input-border-color: var(--ui-tertiary-border-color);
66
- --input-shadow-color: var(--ui-tertiary-shadow-color);
67
- --input-focus-light-color: var(--ui-tertiary-focus-light-color);
68
- --input-focus-medium-color: var(--ui-tertiary-focus-medium-color);
69
- }
70
-
71
- .input-kind-success {
72
- --input-z: var(--ui-success-z);
73
- --input-text-color: var(--ui-success-text-color);
74
- --input-surface-color: var(--ui-success-surface-color);
75
- --input-surface-color-top: var(--ui-success-surface-color-top);
76
- --input-surface-color-bottom: var(--ui-success-surface-color-bottom);
77
- --input-surface-text-color: var(--ui-success-surface-text-color);
78
- --input-surface-text-shadow-color: var(--ui-success-surface-text-shadow-color);
79
- --input-border-color: var(--ui-success-border-color);
80
- --input-shadow-color: var(--ui-success-shadow-color);
81
- --input-focus-light-color: var(--ui-success-focus-light-color);
82
- --input-focus-medium-color: var(--ui-success-focus-medium-color);
83
- }
84
-
85
- .input-kind-warning {
86
- --input-z: var(--ui-warning-z);
87
- --input-text-color: var(--ui-warning-text-color);
88
- --input-surface-color: var(--ui-warning-surface-color);
89
- --input-surface-color-top: var(--ui-warning-surface-color-top);
90
- --input-surface-color-bottom: var(--ui-warning-surface-color-bottom);
91
- --input-surface-text-color: var(--ui-warning-surface-text-color);
92
- --input-surface-text-shadow-color: var(--ui-warning-surface-text-shadow-color);
93
- --input-border-color: var(--ui-warning-border-color);
94
- --input-shadow-color: var(--ui-warning-shadow-color);
95
- --input-focus-light-color: var(--ui-warning-focus-light-color);
96
- --input-focus-medium-color: var(--ui-warning-focus-medium-color);
97
- }
98
-
99
- .input-kind-danger {
100
- --input-z: var(--ui-danger-z);
101
- --input-text-color: var(--ui-danger-text-color);
102
- --input-surface-color: var(--ui-danger-surface-color);
103
- --input-surface-color-top: var(--ui-danger-surface-color-top);
104
- --input-surface-color-bottom: var(--ui-danger-surface-color-bottom);
105
- --input-surface-text-color: var(--ui-danger-surface-text-color);
106
- --input-surface-text-shadow-color: var(--ui-danger-surface-text-shadow-color);
107
- --input-border-color: var(--ui-danger-border-color);
108
- --input-shadow-color: var(--ui-danger-shadow-color);
109
- --input-focus-light-color: var(--ui-danger-focus-light-color);
110
- --input-focus-medium-color: var(--ui-danger-focus-medium-color);
111
- }