Mercurial
diff 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 |
line wrap: on
line diff
--- a/design_system/src/styles/tokens.css Tue Aug 04 09:14:57 2026 -0700 +++ b/design_system/src/styles/tokens.css Tue Aug 04 11:57:16 2026 -0700 @@ -10,8 +10,11 @@ --zen-color-accent: #ffb000; --zen-color-accent-hover: #ffca4a; --zen-color-info: #2764d7; + --zen-color-on-info: #ffffff; --zen-color-success: #18794e; + --zen-color-on-success: #ffffff; --zen-color-warning: #9a5b00; + --zen-color-on-warning: #ffffff; --zen-color-danger: #c62f3e; --zen-color-on-danger: #ffffff; --zen-color-focus: #7c3aed; @@ -54,8 +57,11 @@ --zen-color-accent: #ffc247; --zen-color-accent-hover: #ffd77d; --zen-color-info: #8ab4ff; + --zen-color-on-info: #171a21; --zen-color-success: #65d6a3; + --zen-color-on-success: #171a21; --zen-color-warning: #ffc66d; + --zen-color-on-warning: #171a21; --zen-color-danger: #ff8792; --zen-color-on-danger: #171a21; --zen-color-focus: #c4a5ff; @@ -75,8 +81,11 @@ --zen-color-accent: #ffc247; --zen-color-accent-hover: #ffd77d; --zen-color-info: #8ab4ff; + --zen-color-on-info: #171a21; --zen-color-success: #65d6a3; + --zen-color-on-success: #171a21; --zen-color-warning: #ffc66d; + --zen-color-on-warning: #171a21; --zen-color-danger: #ff8792; --zen-color-on-danger: #171a21; --zen-color-focus: #c4a5ff;