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;