@kupola/kupola 1.9.2 → 1.9.4

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 (4) hide show
  1. package/css/theme-dark.css +44 -1
  2. package/dist/css/theme-dark.css +214 -297
  3. package/package.json +1 -1
  4. package/plugins/webpack-plugin-kupola.js +1 -1
package/css/theme-dark.css CHANGED
@@ -1,4 +1,47 @@
1
- /* ===== Dark Theme ===== */
1
+ /* ===== Dark Theme (Default) ===== */
2
+
3
+ :root {
4
+ --bg-base-default: #0C0C0D;
5
+ --bg-base-secondary: #1A1B1D;
6
+ --bg-base-tertiary: #222427;
7
+ --bg-overlay-l1: rgba(255, 255, 255, 0.04);
8
+ --bg-overlay-l2: rgba(255, 255, 255, 0.06);
9
+ --bg-overlay-l3: rgba(255, 255, 255, 0.08);
10
+ --bg-overlay-l4: rgba(255, 255, 255, 0.12);
11
+ --bg-menu: #1A1B1D;
12
+ --bg-tooltip: #1A1B1D;
13
+ --bg-invert: #FFFFFF;
14
+ --bg-invert-hover: #F5F5F5;
15
+ --bg-invert-active: #E5E5E5;
16
+ --bg-invert-disabled: rgba(255, 255, 255, 0.2);
17
+ --special-bgtabsoverlay: rgba(0, 0, 0, 0.2);
18
+ --text-default: #E5E7EB;
19
+ --text-default-hover: #FFFFFF;
20
+ --text-default-active: #FFFFFF;
21
+ --text-secondary: #B8BDCA;
22
+ --text-secondary-hover: #E5E7EB;
23
+ --text-secondary-active: #E5E7EB;
24
+ --text-tertiary: #9CA3AF;
25
+ --text-disabled: #8B93A1;
26
+ --text-onbrand: #FFFFFF;
27
+ --text-onaccent: #FFFFFF;
28
+ --icon-default: #E5E7EB;
29
+ --icon-default-hover: #FFFFFF;
30
+ --icon-default-active: #FFFFFF;
31
+ --icon-secondary: #B8BDCA;
32
+ --icon-secondary-hover: #E5E7EB;
33
+ --icon-secondary-active: #E5E7EB;
34
+ --icon-tertiary: #9CA3AF;
35
+ --icon-disabled: #8B93A1;
36
+ --icon-onbrand: #FFFFFF;
37
+ --icon-onaccent: #FFFFFF;
38
+ --border-neutral-l1: rgba(255, 255, 255, 0.12);
39
+ --border-neutral-l2: rgba(255, 255, 255, 0.18);
40
+ --border-neutral-l3: rgba(255, 255, 255, 0.25);
41
+ --border-contrast: #0C0C0D;
42
+ --bg-brand-popup: rgba(83, 81, 100, 0.15);
43
+ --icon-filter: brightness(0) saturate(0) invert(0.9);
44
+ }
2
45
 
3
46
  [data-theme="dark"] {
4
47
  --bg-base-default: #0C0C0D;
package/dist/css/theme-dark.css CHANGED
@@ -1,298 +1,215 @@
1
- /* ===== Dark Theme ===== */
2
-
3
- [data-theme="dark"] {
4
- --bg-base-default: #0C0C0D;
5
- --bg-base-secondary: #1A1B1D;
6
- --bg-base-tertiary: #222427;
7
- --bg-overlay-l1: rgba(255, 255, 255, 0.04);
8
- --bg-overlay-l2: rgba(255, 255, 255, 0.06);
9
- --bg-overlay-l3: rgba(255, 255, 255, 0.08);
10
- --bg-overlay-l4: rgba(255, 255, 255, 0.12);
11
- --bg-menu: #1A1B1D;
12
- --bg-tooltip: #1A1B1D;
13
- --bg-invert: #FFFFFF;
14
- --bg-invert-hover: #F5F5F5;
15
- --bg-invert-active: #E5E5E5;
16
- --bg-invert-disabled: rgba(255, 255, 255, 0.2);
17
-
18
- --special-bgtabsoverlay: rgba(0, 0, 0, 0.2);
19
-
20
- --text-default: #E5E7EB;
21
- --text-default-hover: #FFFFFF;
22
- --text-default-active: #FFFFFF;
23
- --text-secondary: #B8BDCA;
24
- --text-secondary-hover: #E5E7EB;
25
- --text-secondary-active: #E5E7EB;
26
- --text-tertiary: #9CA3AF;
27
- --text-disabled: #8B93A1;
28
- --text-onbrand: #FFFFFF;
29
- --text-onaccent: #FFFFFF;
30
-
31
- --icon-default: #E5E7EB;
32
- --icon-default-hover: #FFFFFF;
33
- --icon-default-active: #FFFFFF;
34
- --icon-secondary: #B8BDCA;
35
- --icon-secondary-hover: #E5E7EB;
36
- --icon-secondary-active: #E5E7EB;
37
- --icon-tertiary: #9CA3AF;
38
- --icon-disabled: #8B93A1;
39
- --icon-onbrand: #FFFFFF;
40
- --icon-onaccent: #FFFFFF;
41
-
42
- --border-neutral-l1: rgba(255, 255, 255, 0.12);
43
- --border-neutral-l2: rgba(255, 255, 255, 0.18);
44
- --border-neutral-l3: rgba(255, 255, 255, 0.25);
45
- --border-contrast: #0C0C0D;
46
-
47
- --bg-brand-popup: rgba(83, 81, 100, 0.15);
48
-
49
- --code-text: #D1D3DB;
50
- --code-doc: #9599A6;
51
- --code-link: #79B8FF;
52
- --code-number: #FF9CA8;
53
- --code-action: #D3ADF7;
54
- --code-instruction: #B37FEB;
55
- --code-function: #FFAD5B;
56
- --code-constant: #61AFEF;
57
- --code-parameter: #98C379;
58
- --code-attribute: #E5C07B;
59
- --code-tag: #E06C75;
60
-
61
- --accent-teal: #32F08C;
62
- --accent-coral: #FF9CA8;
63
- --accent-amber: #FFAD5B;
64
- --accent-lime: #A6EA39;
65
- --accent-cyan: #78F2F2;
66
- --accent-blue: #79B8FF;
67
- --accent-magenta: #FB9DD7;
68
- --accent-violet: #D3ADF7;
69
- --accent-slate: #859EAD;
70
-
71
- --color-background: var(--bg-base-default);
72
- --color-surface: var(--bg-base-secondary);
73
- --color-surface-variant: var(--bg-base-tertiary);
74
- --color-overlay-1: var(--bg-overlay-l1);
75
- --color-overlay-2: var(--bg-overlay-l2);
76
- --color-overlay-3: var(--bg-overlay-l3);
77
- --color-overlay-4: var(--bg-overlay-l4);
78
- --color-card: var(--bg-base-secondary);
79
- --color-tooltip: var(--bg-tooltip);
80
- --color-menu: var(--bg-menu);
81
- --color-foreground: var(--text-default);
82
- --color-foreground-hover: var(--text-default-hover);
83
- --color-on-surface: var(--text-default);
84
- --color-on-surface-variant: var(--text-secondary);
85
- --color-muted-foreground: var(--text-secondary);
86
- --color-disabled-foreground: var(--text-disabled);
87
- --color-on-primary: var(--text-onbrand);
88
- --color-border: var(--border-neutral-l1);
89
- --color-border-strong: var(--border-neutral-l2);
90
- --color-border-stronger: var(--border-neutral-l3);
91
- --color-border-contrast: var(--border-contrast);
92
- --color-outline: var(--border-neutral-l1);
93
-
94
- --status-primary-default: #79B8FF;
95
- --status-primary-hover: #A3CFFF;
96
- --status-primary-active: #4FA3E8;
97
- --status-primary-surface-l1: rgba(121, 184, 255, 0.12);
98
- --status-primary-surface-l2: rgba(121, 184, 255, 0.18);
99
- --status-primary-surface-l3: rgba(121, 184, 255, 0.24);
100
- --status-info-default: #78F2F2;
101
- --status-info-hover: #A5FFFF;
102
- --status-info-active: #4FE5E5;
103
- --status-info-surface-l1: rgba(120, 242, 242, 0.15);
104
- --status-info-surface-l2: rgba(120, 242, 242, 0.22);
105
- --status-info-surface-l3: rgba(120, 242, 242, 0.3);
106
-
107
- --status-success-default: #32F08C;
108
- --status-success-hover: #53F4A2;
109
- --status-success-active: #22D678;
110
- --status-success-surface-l1: rgba(50, 240, 140, 0.12);
111
- --status-success-surface-l2: rgba(50, 240, 140, 0.18);
112
- --status-success-surface-l3: rgba(50, 240, 140, 0.24);
113
-
114
- --status-warning-default: #FFAD5B;
115
- --status-warning-hover: #FFC080;
116
- --status-warning-active: #E0954A;
117
- --status-warning-surface-l1: rgba(255, 173, 91, 0.12);
118
- --status-warning-surface-l2: rgba(255, 173, 91, 0.18);
119
- --status-warning-surface-l3: rgba(255, 173, 91, 0.24);
120
-
121
- --status-error-default: #FF9CA8;
122
- --status-error-hover: #FFB8C0;
123
- --status-error-active: #E07E88;
124
- --status-error-surface-l1: rgba(255, 156, 168, 0.12);
125
- --status-error-surface-l2: rgba(255, 156, 168, 0.18);
126
- --status-error-surface-l3: rgba(255, 156, 168, 0.24);
127
-
128
- --status-alert-default: #FFAD5B;
129
- --status-alert-hover: #FFC080;
130
- --status-alert-active: #E0954A;
131
- --status-alert-surface-l1: rgba(255, 173, 91, 0.12);
132
- --status-alert-surface-l2: rgba(255, 173, 91, 0.18);
133
- --status-alert-surface-l3: rgba(255, 173, 91, 0.24);
134
-
135
- --brand-green-100: #0A3A22;
136
- --brand-green-200: #0F5A32;
137
- --brand-green-300: #147A42;
138
- --brand-green-400: #199A52;
139
- --brand-green-500: #32F08C;
140
- --brand-green-600: #53F4A2;
141
- --brand-green-700: #74F7B8;
142
- --brand-green-800: #95FBCE;
143
- --brand-green-900: #B6FFE4;
144
- --brand-green-1000: #D7FFF9;
145
-
146
- --brand-red-100: #4D0000;
147
- --brand-red-200: #8F0505;
148
- --brand-red-300: #CB1010;
149
- --brand-red-400: #E63737;
150
- --brand-red-500: #FF6464;
151
- --brand-red-600: #FF8080;
152
- --brand-red-700: #FF9999;
153
- --brand-red-800: #FFB3B3;
154
- --brand-red-900: #FFCCCC;
155
- --brand-red-1000: #FFE6E6;
156
-
157
- --brand-yellow-100: #4D3000;
158
- --brand-yellow-200: #8F5C05;
159
- --brand-yellow-300: #CB8710;
160
- --brand-yellow-400: #E6A637;
161
- --brand-yellow-500: #FFD080;
162
- --brand-yellow-600: #FFDA99;
163
- --brand-yellow-700: #FFE3B2;
164
- --brand-yellow-800: #FFECCC;
165
- --brand-yellow-900: #FFF6E5;
166
- --brand-yellow-1000: #FFFDF0;
167
-
168
- --brand-blue-100: #00284D;
169
- --brand-blue-200: #054C8F;
170
- --brand-blue-300: #1071CB;
171
- --brand-blue-400: #3792E6;
172
- --brand-blue-500: #64B4FF;
173
- --brand-blue-600: #80C1FF;
174
- --brand-blue-700: #99CEFF;
175
- --brand-blue-800: #B2DAFF;
176
- --brand-blue-900: #CCE6FF;
177
- --brand-blue-1000: #E5F3FF;
178
-
179
- --brand-purple-100: #09004D;
180
- --brand-purple-200: #15058F;
181
- --brand-purple-300: #2610CB;
182
- --brand-purple-400: #4C37E6;
183
- --brand-purple-500: #7864FF;
184
- --brand-purple-600: #8E80FF;
185
- --brand-purple-700: #A599FF;
186
- --brand-purple-800: #BBB2FF;
187
- --brand-purple-900: #D2CCFF;
188
- --brand-purple-1000: #E8E5FF;
189
-
190
- --brand-gray-100: #030712;
191
- --brand-gray-200: #111827;
192
- --brand-gray-300: #1F2937;
193
- --brand-gray-400: #374151;
194
- --brand-gray-500: #4B5563;
195
- --brand-gray-600: #6B7280;
196
- --brand-gray-700: #9CA3AF;
197
- --brand-gray-800: #D1D5DB;
198
- --brand-gray-900: #E5E7EB;
199
- --brand-gray-1000: #F3F4F6;
200
-
201
- --viz-graph-bg: #1A1B1D;
202
- --viz-graph-line: rgba(255, 255, 255, 0.08);
203
- --viz-series-1: #32F08C;
204
- --viz-series-2: #79B8FF;
205
- --viz-series-3: #D3ADF7;
206
- --viz-series-4: #FFAD5B;
207
- --viz-series-5: #FB9DD7;
208
- --viz-series-6: #78F2F2;
209
-
210
- --border-brand: rgba(83, 81, 100, 0.4);
211
- --border-brand-hover: rgba(83, 81, 100, 0.6);
212
- --border-brand-active: rgba(83, 81, 100, 0.8);
213
-
214
- --bg-brand: #535164;
215
- --bg-brand-hover: #636174;
216
- --bg-brand-disabled: rgba(83, 81, 100, 0.3);
217
- --bg-brand-overlay: rgba(83, 81, 100, 0.12);
218
-
219
- --bg-error-default: #FF9CA8;
220
- --bg-warning-default: #FFAD5B;
221
- --bg-success-default: #32F08C;
222
-
223
- --text-brand: #636174;
224
- --text-brand-hover: #737184;
225
- --text-brand-active: #838194;
226
-
227
- --icon-brand: #636174;
228
- --icon-brand-hover: #737184;
229
- --icon-brand-active: #838194;
230
-
231
- --bg-progress-success: #32F08C;
232
- --bg-progress-warning: #FFAD5B;
233
- --bg-progress-error: #FF9CA8;
234
- --bg-progress-info: #79B8FF;
235
-
236
- --bg-slider-track: rgba(255, 255, 255, 0.06);
237
- --bg-slider-fill: #32F08C;
238
- --bg-slider-thumb: #32F08C;
239
-
240
- --bg-calendar-hover: rgba(255, 255, 255, 0.04);
241
- --bg-calendar-selected: #32F08C;
242
- --text-calendar-selected: #0C0C0D;
243
-
244
- --bg-fileupload-border: rgba(255, 255, 255, 0.12);
245
- --bg-fileupload-hover: rgba(50, 240, 140, 0.12);
246
- --bg-fileupload-dragging: rgba(50, 240, 140, 0.18);
247
-
248
- --bg-timeline-line: rgba(255, 255, 255, 0.12);
249
- --bg-timeline-marker: #32F08C;
250
-
251
- --body-xs-font-size: 10px;
252
- --body-xs-line-height: 14px;
253
- --body-sm-font-size: 11px;
254
- --body-sm-line-height: 16px;
255
- --body-base-font-size: 13px;
256
- --body-base-line-height: 20px;
257
- --body-strong-xs-font-weight: 500;
258
- --body-strong-sm-font-weight: 500;
259
- --body-strong-base-font-weight: 500;
260
-
261
- --heading-3xs-font-size: 11px;
262
- --heading-3xs-line-height: 16px;
263
- --heading-2xs-font-size: 12px;
264
- --heading-2xs-line-height: 18px;
265
- --heading-xs-font-size: 13px;
266
- --heading-xs-line-height: 20px;
267
- --heading-sm-font-size: 16px;
268
- --heading-sm-line-height: 24px;
269
- --heading-base-font-size: 16px;
270
- --heading-base-line-height: 22px;
271
- --heading-md-font-size: 20px;
272
- --heading-md-line-height: 28px;
273
- --heading-lg-font-size: 24px;
274
- --heading-lg-line-height: 32px;
275
- --heading-xl-font-size: 28px;
276
- --heading-xl-line-height: 36px;
277
- --heading-2xl-font-size: 32px;
278
- --heading-2xl-line-height: 40px;
279
- --heading-3xl-font-size: 36px;
280
- --heading-3xl-line-height: 44px;
281
- --heading-font-weight: 600;
282
-
283
- --code-editor-font-family: 'JetBrains Mono', 'Fira Code', monospace;
284
- --code-editor-font-size: 13px;
285
- --code-editor-font-weight: 450;
286
- --code-editor-line-height: 20px;
287
- --code-editor-letter-spacing: -0.02em;
288
- --code-terminal-font-family: 'JetBrains Mono', 'Fira Code', monospace;
289
- --code-terminal-font-size: 13px;
290
- --code-terminal-font-weight: 450;
291
- --code-terminal-line-height: 20px;
292
-
293
- --icon-filter: brightness(0) saturate(0) invert(0.9);
294
-
295
- .ds-input--prefix {
296
- background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239599A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'></circle><line x1='21' y1='21' x2='16.65' y2='16.65'></line></svg>") !important;
297
- }
1
+ /* ===== Dark Theme (Default) ===== */
2
+
3
+ :root {
4
+ --bg-base-default: #0C0C0D;
5
+ --bg-base-secondary: #1A1B1D;
6
+ --bg-base-tertiary: #222427;
7
+ --bg-overlay-l1: rgba(255, 255, 255, 0.04);
8
+ --bg-overlay-l2: rgba(255, 255, 255, 0.06);
9
+ --bg-overlay-l3: rgba(255, 255, 255, 0.08);
10
+ --bg-overlay-l4: rgba(255, 255, 255, 0.12);
11
+ --bg-menu: #1A1B1D;
12
+ --bg-tooltip: #1A1B1D;
13
+ --bg-invert: #FFFFFF;
14
+ --bg-invert-hover: #F5F5F5;
15
+ --bg-invert-active: #E5E5E5;
16
+ --bg-invert-disabled: rgba(255, 255, 255, 0.2);
17
+
18
+ --special-bgtabsoverlay: rgba(0, 0, 0, 0.2);
19
+
20
+ --text-default: #E5E7EB;
21
+ --text-default-hover: #FFFFFF;
22
+ --text-default-active: #FFFFFF;
23
+ --text-secondary: #B8BDCA;
24
+ --text-secondary-hover: #E5E7EB;
25
+ --text-secondary-active: #E5E7EB;
26
+ --text-tertiary: #9CA3AF;
27
+ --text-disabled: #8B93A1;
28
+ --text-onbrand: #FFFFFF;
29
+ --text-onaccent: #FFFFFF;
30
+
31
+ --icon-default: #E5E7EB;
32
+ --icon-default-hover: #FFFFFF;
33
+ --icon-default-active: #FFFFFF;
34
+ --icon-secondary: #B8BDCA;
35
+ --icon-secondary-hover: #E5E7EB;
36
+ --icon-secondary-active: #E5E7EB;
37
+ --icon-tertiary: #9CA3AF;
38
+ --icon-disabled: #8B93A1;
39
+ --icon-onbrand: #FFFFFF;
40
+ --icon-onaccent: #FFFFFF;
41
+
42
+ --border-neutral-l1: rgba(255, 255, 255, 0.12);
43
+ --border-neutral-l2: rgba(255, 255, 255, 0.18);
44
+ --border-neutral-l3: rgba(255, 255, 255, 0.25);
45
+ --border-contrast: #0C0C0D;
46
+
47
+ --bg-brand-popup: rgba(83, 81, 100, 0.15);
48
+
49
+ --code-text: #D1D3DB;
50
+ --code-doc: #9599A6;
51
+ --code-keyword: #D1D3DB;
52
+ --code-string: #32F08C;
53
+ --code-function: #79B8FF;
54
+ --code-number: #FFAD5B;
55
+ --code-comment: #8B93A1;
56
+ --code-variable: #D1D3DB;
57
+ --code-type: #FFAD5B;
58
+
59
+ --status-success-default: #32F08C;
60
+ --status-success-hover: #32F08C;
61
+ --status-success-active: #32F08C;
62
+ --status-success-disabled: rgba(50, 240, 140, 0.5);
63
+
64
+ --status-warning-default: #FFAD5B;
65
+ --status-warning-hover: #FFAD5B;
66
+ --status-warning-active: #FFAD5B;
67
+ --status-warning-disabled: rgba(255, 173, 91, 0.5);
68
+
69
+ --status-error-default: #FF9CA8;
70
+ --status-error-hover: #FF9CA8;
71
+ --status-error-active: #FF9CA8;
72
+ --status-error-disabled: rgba(255, 156, 168, 0.5);
73
+
74
+ --status-info-default: #79B8FF;
75
+ --status-info-hover: #79B8FF;
76
+ --status-info-active: #79B8FF;
77
+ --status-info-disabled: rgba(121, 184, 255, 0.5);
78
+
79
+ --bg-brand: #79B8FF;
80
+ --bg-brand-hover: #79B8FF;
81
+ --bg-brand-active: #79B8FF;
82
+ --bg-brand-disabled: rgba(121, 184, 255, 0.5);
83
+
84
+ --border-brand: rgba(121, 184, 255, 0.5);
85
+
86
+ --bg-accent: #79B8FF;
87
+ --bg-accent-hover: #79B8FF;
88
+ --bg-accent-active: #79B8FF;
89
+ --bg-accent-disabled: rgba(121, 184, 255, 0.5);
90
+
91
+ --border-accent: rgba(121, 184, 255, 0.5);
92
+
93
+ --text-brand: #79B8FF;
94
+ --text-brand-hover: #79B8FF;
95
+ --text-brand-active: #79B8FF;
96
+
97
+ --text-accent: #79B8FF;
98
+ --text-accent-hover: #79B8FF;
99
+ --text-accent-active: #79B8FF;
100
+
101
+ --icon-brand: #79B8FF;
102
+ --icon-brand-hover: #79B8FF;
103
+ --icon-brand-active: #79B8FF;
104
+
105
+ --icon-accent: #79B8FF;
106
+ --icon-accent-hover: #79B8FF;
107
+ --icon-accent-active: #79B8FF;
108
+ }
109
+
110
+ [data-theme="dark"] {
111
+ --bg-base-default: #0C0C0D;
112
+ --bg-base-secondary: #1A1B1D;
113
+ --bg-base-tertiary: #222427;
114
+ --bg-overlay-l1: rgba(255, 255, 255, 0.04);
115
+ --bg-overlay-l2: rgba(255, 255, 255, 0.06);
116
+ --bg-overlay-l3: rgba(255, 255, 255, 0.08);
117
+ --bg-overlay-l4: rgba(255, 255, 255, 0.12);
118
+ --bg-menu: #1A1B1D;
119
+ --bg-tooltip: #1A1B1D;
120
+ --bg-invert: #FFFFFF;
121
+ --bg-invert-hover: #F5F5F5;
122
+ --bg-invert-active: #E5E5E5;
123
+ --bg-invert-disabled: rgba(255, 255, 255, 0.2);
124
+
125
+ --special-bgtabsoverlay: rgba(0, 0, 0, 0.2);
126
+
127
+ --text-default: #E5E7EB;
128
+ --text-default-hover: #FFFFFF;
129
+ --text-default-active: #FFFFFF;
130
+ --text-secondary: #B8BDCA;
131
+ --text-secondary-hover: #E5E7EB;
132
+ --text-secondary-active: #E5E7EB;
133
+ --text-tertiary: #9CA3AF;
134
+ --text-disabled: #8B93A1;
135
+ --text-onbrand: #FFFFFF;
136
+ --text-onaccent: #FFFFFF;
137
+
138
+ --icon-default: #E5E7EB;
139
+ --icon-default-hover: #FFFFFF;
140
+ --icon-default-active: #FFFFFF;
141
+ --icon-secondary: #B8BDCA;
142
+ --icon-secondary-hover: #E5E7EB;
143
+ --icon-secondary-active: #E5E7EB;
144
+ --icon-tertiary: #9CA3AF;
145
+ --icon-disabled: #8B93A1;
146
+ --icon-onbrand: #FFFFFF;
147
+ --icon-onaccent: #FFFFFF;
148
+
149
+ --border-neutral-l1: rgba(255, 255, 255, 0.12);
150
+ --border-neutral-l2: rgba(255, 255, 255, 0.18);
151
+ --border-neutral-l3: rgba(255, 255, 255, 0.25);
152
+ --border-contrast: #0C0C0D;
153
+
154
+ --bg-brand-popup: rgba(83, 81, 100, 0.15);
155
+
156
+ --code-text: #D1D3DB;
157
+ --code-doc: #9599A6;
158
+ --code-keyword: #D1D3DB;
159
+ --code-string: #32F08C;
160
+ --code-function: #79B8FF;
161
+ --code-number: #FFAD5B;
162
+ --code-comment: #8B93A1;
163
+ --code-variable: #D1D3DB;
164
+ --code-type: #FFAD5B;
165
+
166
+ --status-success-default: #32F08C;
167
+ --status-success-hover: #32F08C;
168
+ --status-success-active: #32F08C;
169
+ --status-success-disabled: rgba(50, 240, 140, 0.5);
170
+
171
+ --status-warning-default: #FFAD5B;
172
+ --status-warning-hover: #FFAD5B;
173
+ --status-warning-active: #FFAD5B;
174
+ --status-warning-disabled: rgba(255, 173, 91, 0.5);
175
+
176
+ --status-error-default: #FF9CA8;
177
+ --status-error-hover: #FF9CA8;
178
+ --status-error-active: #FF9CA8;
179
+ --status-error-disabled: rgba(255, 156, 168, 0.5);
180
+
181
+ --status-info-default: #79B8FF;
182
+ --status-info-hover: #79B8FF;
183
+ --status-info-active: #79B8FF;
184
+ --status-info-disabled: rgba(121, 184, 255, 0.5);
185
+
186
+ --bg-brand: #79B8FF;
187
+ --bg-brand-hover: #79B8FF;
188
+ --bg-brand-active: #79B8FF;
189
+ --bg-brand-disabled: rgba(121, 184, 255, 0.5);
190
+
191
+ --border-brand: rgba(121, 184, 255, 0.5);
192
+
193
+ --bg-accent: #79B8FF;
194
+ --bg-accent-hover: #79B8FF;
195
+ --bg-accent-active: #79B8FF;
196
+ --bg-accent-disabled: rgba(121, 184, 255, 0.5);
197
+
198
+ --border-accent: rgba(121, 184, 255, 0.5);
199
+
200
+ --text-brand: #79B8FF;
201
+ --text-brand-hover: #79B8FF;
202
+ --text-brand-active: #79B8FF;
203
+
204
+ --text-accent: #79B8FF;
205
+ --text-accent-hover: #79B8FF;
206
+ --text-accent-active: #79B8FF;
207
+
208
+ --icon-brand: #79B8FF;
209
+ --icon-brand-hover: #79B8FF;
210
+ --icon-brand-active: #79B8FF;
211
+
212
+ --icon-accent: #79B8FF;
213
+ --icon-accent-hover: #79B8FF;
214
+ --icon-accent-active: #79B8FF;
298
215
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kupola/kupola",
3
- "version": "1.9.2",
3
+ "version": "1.9.4",
4
4
  "description": "A lightweight UI toolkit for any web project. No heavy frontend frameworks required.",
5
5
  "main": "dist/kupola.cjs.js",
6
6
  "module": "dist/kupola.esm.js",
package/plugins/webpack-plugin-kupola.js CHANGED
@@ -27,7 +27,7 @@ class KupolaWebpackPlugin {
27
27
 
28
28
  // Inject theme preload script
29
29
  if (this.options.themePreload && !html.includes('data-kupola-theme-preloaded')) {
30
- const preloadScript = '<script>(function(){if(document.documentElement.hasAttribute(\'data-kupola-theme-preloaded\'))return;var k=\'kupola-theme\',d=\'dark\';function g(){var s=localStorage.getItem(k);if(s===\'dark\'||s===\'light\')return s;if(window.matchMedia&&window.matchMedia(\'(prefers-color-scheme: light)\').matches)return\'light\';return d}var theme=g();document.documentElement.setAttribute(\'data-theme\',theme);var root=document.documentElement;root.style.setProperty(\'--bg-base-default\',theme===\'dark\'?\'#0C0C0D\':\'#FFFFFF\');root.style.setProperty(\'--text-default\',theme===\'dark\'?\'#E5E7EB\':\'#0F1117\');document.documentElement.setAttribute(\'data-kupola-theme-preloaded\',\'true\')})();</script>';
30
+ const preloadScript = '<script>(function(){if(document.documentElement.hasAttribute("data-kupola-theme-preloaded"))return;var h=document.documentElement,t=localStorage.getItem("kupola-theme")||(window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark");h.setAttribute("data-theme",t);var d=t==="dark";h.style.backgroundColor=d?"#0C0C0D":"#FFFFFF";h.style.color=d?"#E5E7EB":"#0F1117";var s=document.createElement("style");s.textContent=d?"body,header,aside,footer{background:#1A1B1D;color:#E5E7EB}":"body,header,aside,footer{background:#F5F5F5;color:#0F1117}";document.head.appendChild(s);h.setAttribute("data-kupola-theme-preloaded","true")})();</script>';
31
31
 
32
32
  html = html.replace(
33
33
  '<head>',