comparison design_system/src/styles/tokens.css @ 252:7a7581f040e8

[ui] Add scoped notification component Co-authored-by: Copilot <[email protected]>
author MrJuneJune <me@mrjunejune.com>
date Tue, 04 Aug 2026 11:57:16 -0700
parents 117c4d53c9a4
children 2b6e732087ff
comparison
equal deleted inserted replaced
251:117c4d53c9a4 252:7a7581f040e8
8 --zen-color-text-muted: #5f6470; 8 --zen-color-text-muted: #5f6470;
9 --zen-color-border: #272b35; 9 --zen-color-border: #272b35;
10 --zen-color-accent: #ffb000; 10 --zen-color-accent: #ffb000;
11 --zen-color-accent-hover: #ffca4a; 11 --zen-color-accent-hover: #ffca4a;
12 --zen-color-info: #2764d7; 12 --zen-color-info: #2764d7;
13 --zen-color-on-info: #ffffff;
13 --zen-color-success: #18794e; 14 --zen-color-success: #18794e;
15 --zen-color-on-success: #ffffff;
14 --zen-color-warning: #9a5b00; 16 --zen-color-warning: #9a5b00;
17 --zen-color-on-warning: #ffffff;
15 --zen-color-danger: #c62f3e; 18 --zen-color-danger: #c62f3e;
16 --zen-color-on-danger: #ffffff; 19 --zen-color-on-danger: #ffffff;
17 --zen-color-focus: #7c3aed; 20 --zen-color-focus: #7c3aed;
18 21
19 --zen-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 22 --zen-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
52 --zen-color-text-muted: #b9bdc7; 55 --zen-color-text-muted: #b9bdc7;
53 --zen-color-border: #f5f1e8; 56 --zen-color-border: #f5f1e8;
54 --zen-color-accent: #ffc247; 57 --zen-color-accent: #ffc247;
55 --zen-color-accent-hover: #ffd77d; 58 --zen-color-accent-hover: #ffd77d;
56 --zen-color-info: #8ab4ff; 59 --zen-color-info: #8ab4ff;
60 --zen-color-on-info: #171a21;
57 --zen-color-success: #65d6a3; 61 --zen-color-success: #65d6a3;
62 --zen-color-on-success: #171a21;
58 --zen-color-warning: #ffc66d; 63 --zen-color-warning: #ffc66d;
64 --zen-color-on-warning: #171a21;
59 --zen-color-danger: #ff8792; 65 --zen-color-danger: #ff8792;
60 --zen-color-on-danger: #171a21; 66 --zen-color-on-danger: #171a21;
61 --zen-color-focus: #c4a5ff; 67 --zen-color-focus: #c4a5ff;
62 --zen-shadow-sm: 3px 3px 0 rgba(0, 0, 0, 0.5); 68 --zen-shadow-sm: 3px 3px 0 rgba(0, 0, 0, 0.5);
63 --zen-shadow-md: 7px 7px 0 rgba(0, 0, 0, 0.5); 69 --zen-shadow-md: 7px 7px 0 rgba(0, 0, 0, 0.5);
73 --zen-color-text-muted: #b9bdc7; 79 --zen-color-text-muted: #b9bdc7;
74 --zen-color-border: #f5f1e8; 80 --zen-color-border: #f5f1e8;
75 --zen-color-accent: #ffc247; 81 --zen-color-accent: #ffc247;
76 --zen-color-accent-hover: #ffd77d; 82 --zen-color-accent-hover: #ffd77d;
77 --zen-color-info: #8ab4ff; 83 --zen-color-info: #8ab4ff;
84 --zen-color-on-info: #171a21;
78 --zen-color-success: #65d6a3; 85 --zen-color-success: #65d6a3;
86 --zen-color-on-success: #171a21;
79 --zen-color-warning: #ffc66d; 87 --zen-color-warning: #ffc66d;
88 --zen-color-on-warning: #171a21;
80 --zen-color-danger: #ff8792; 89 --zen-color-danger: #ff8792;
81 --zen-color-on-danger: #171a21; 90 --zen-color-on-danger: #171a21;
82 --zen-color-focus: #c4a5ff; 91 --zen-color-focus: #c4a5ff;
83 } 92 }
84 } 93 }