alice.pds.demo.boltless.dev
This repository has no description
web: add “inverted” and update “emphasis” color tokens
Signed-off-by: eti <eti@eti.tf>
author
eti
date
(Jul 31, 2026, 10:50 PM +0200)
commit
665fd86a
665fd86a29965e2c6cd4a3ed8f1c9fb01b7780be
parent
ea2e10e4
ea2e10e4e1ec1a09df974f892cf13a665e207d54
+9
-4
+9
-4
web/src/app.css
+9
-4
web/src/app.css
···
35
35
--color-background-info-subtle: #eef2ff;
36
36
--color-background-info-subtle-hover: #e0e7ff;
37
37
--color-background-info-emphasis: #4f46e5;
38
-
--color-background-neutral-emphasis: #1f2937;
38
+
--color-background-emphasis: #111827;
39
39
40
40
/* --- background / navigation ---
41
41
The settings sidebar aliases *invert* between modes, so these cannot be
···
51
51
--color-foreground-placeholder: #9ca3af;
52
52
--color-foreground-disabled: #d1d5db;
53
53
--color-foreground-on-emphasis: #ffffff;
54
+
--color-foreground-inverted: #f3f4f6;
54
55
--color-foreground-highlight: #854d0e;
55
56
--color-foreground-success: #16a34a;
56
57
--color-foreground-success-strong: #166534;
···
89
90
--color-border-danger-subtle: #fecaca;
90
91
--color-border-navigation-item-active: #e5e7eb;
91
92
92
-
/* --- shadow (inner depth) --- */
93
+
/* --- shadow (inner depth, eg.: for the button component) --- */
93
94
--color-shadow-inner-strong: #d1d5db;
94
95
--color-shadow-inner-strong-hover: #d1d5db;
95
96
--color-shadow-inner-subtle: #e5e7eb;
96
97
97
-
--shadow-menu: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
98
+
/* --- shadow --- */
99
+
--shadow-small: 0 2px 4px var(--color-alpha-dark-10);
100
+
--shadow-regular: 0 4px 12px var(--color-alpha-dark-5), 0 2px 4px var(--color-alpha-dark-5);
101
+
--shadow-large: 0 6px 16px var(--color-alpha-dark-5), 0 4px 6px var(--color-alpha-dark-5);
98
102
99
103
/* --- alpha --- */
100
104
--color-alpha-light-5: color-mix(in srgb, var(--color-background-default) 5%, transparent);
···
301
305
--color-background-info-subtle: #312e81;
302
306
--color-background-info-subtle-hover: #3730a3;
303
307
--color-background-info-emphasis: #4f46e5;
304
-
--color-background-neutral-emphasis: #374151;
308
+
--color-background-emphasis: #f3f4f6;
305
309
306
310
/* --- background / navigation (Dark) --- inverted vs light, see above */
307
311
--color-background-navigation-frame: #1f2937;
···
314
318
--color-foreground-placeholder: #9ca3af;
315
319
--color-foreground-disabled: #6b7280;
316
320
--color-foreground-on-emphasis: #ffffff;
321
+
--color-foreground-inverted: #111827;
317
322
--color-foreground-highlight: #fef08a;
318
323
--color-foreground-success: #4ade80;
319
324
--color-foreground-success-strong: #bbf7d0;