Mercurial
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 } |