added theme attr to alert

codex-ui/dev/pages/components/Alert.vue

@@ -23,7 +23,7 @@
     </div>
 
     <div>
-      Timeout - Visibility duration in milliseconds, set timeout to keep toast visible
+      Timeout - visibility duration in milliseconds, set timeout to keep toast visible
     </div>
   </div>
 
@@ -86,8 +86,7 @@ const toast = useAlert;
 const showToast = (status: AlertType) => {
   toast(status, {
     message: 'codex',
-    icon: 'Check',
-    type: status,
+    icon: 'Trash',
     timeout: 5000,
   });
 };

codex-ui/src/styles/themes/amber.pcss

@@ -9,10 +9,6 @@
   --amber--text-secondary: #90847C;
   --amber--text: #E4D4C8;
   --amber--text-solid-foreground: #FFFFFF;
-  --amber-alert-success: #00A64D;
-  --amber-alert-error: #BB393D;
-  --amber-alert-warning: #DE6205;
-  --amber-alert-info: #54617B;
 }
 
 [color-scheme='light'] {
@@ -26,10 +22,6 @@
   --amber--text-secondary: #4D463F;
   --amber--text: #2C2825;
   --amber--text-solid-foreground: #ffffff;
-  --amber-alert-success: #00A64D;
-  --amber-alert-error: #BB393D;
-  --amber-alert-warning: #DE6205;
-  --amber-alert-info: #54617B;
 }
 
 /**
@@ -46,10 +38,6 @@
   --base--text-secondary: var(--amber--text-secondary);
   --base--text: var(--amber--text);
   --base--text-solid-foreground: var(--amber--text-solid-foreground);
-  --base-alert-success: var(--amber-alert-success);
-  --base-alert-error: var(--amber-alert-error);
-  --base-alert-warning: var(--amber-alert-warning);
-  --base-alert-info: var(--amber-alert-info);
 }
 
 [theme-accent='amber'] {
@@ -63,8 +51,4 @@
   --accent--text-secondary: var(--amber--text-secondary);
   --accent--text: var(--amber--text);
   --accent--text-solid-foreground: var(--amber--text-solid-foreground);
-  --accent-alert-success: var(--amber-alert-success);
-  --accent-alert-error: var(--amber-alert-error);
-  --accent-alert-warning: var(--amber-alert-warning);
-  --accent-alert-info: var(--amber-alert-info);
 }

codex-ui/src/styles/themes/crimson.pcss

@@ -12,10 +12,6 @@
   --crimson--text-secondary: #887076;
   --crimson--text: #e3d1d6;
   --crimson--text-solid-foreground: #FFF6FA;
-  --crimson-alert-success: #00A64D;
-  --crimson-alert-error: #BB393D;
-  --crimson-alert-warning: #DE6205;
-  --crimson-alert-info: #54617B;
 }
 
 [color-scheme='light'] {
@@ -32,10 +28,6 @@
   --crimson--text-secondary: #844860;
   --crimson--text: #3D2230;
   --crimson--text-solid-foreground: #F9F9F9;
-  --crimson-alert-success: #00A64D;
-  --crimson-alert-error: #BB393D;
-  --crimson-alert-warning: #DE6205;
-  --crimson-alert-info: #54617B;
 }
 
 /**
@@ -52,10 +44,6 @@
   --base--text-secondary: var(--crimson--text-secondary);
   --base--text: var(--crimson--text);
   --base--text-solid-foreground: var(--crimson--text-solid-foreground);
-  --base-alert-success: var(--crimson-alert-success);
-  --base-alert-error: var(--crimson-alert-error);
-  --base-alert-warning: var(--crimson-alert-warning);
-  --base-alert-info: var(--crimson-alert-info);
 }
 
 [theme-accent='crimson'] {
@@ -69,8 +57,4 @@
   --accent--text-secondary: var(--crimson--text-secondary);
   --accent--text: var(--crimson--text);
   --accent--text-solid-foreground: var(--crimson--text-solid-foreground);
-  --accent-alert-success: var(--crimson-alert-success);
-  --accent-alert-error: var(--crimson-alert-error);
-  --accent-alert-warning: var(--crimson-alert-warning);
-  --accent-alert-info: var(--crimson-alert-info);
 }

codex-ui/src/styles/themes/graphite.pcss

@@ -9,10 +9,6 @@
   --graphite--text-secondary: #747E88;
   --graphite--text: #d5d9e9;
   --graphite--text-solid-foreground: #F5F5F5;
-  --graphtite-alert-success: #00A64D;
-  --graphtite-alert-error: #BB393D;
-  --graphtite-alert-warning: #DE6205;
-  --graphtite-alert-info: #54617B;
 }
 
 [color-scheme='light'] {
@@ -26,10 +22,6 @@
   --graphite--text-secondary: #6C7381;
   --graphite--text: #202020;
   --graphite--text-solid-foreground: #FFFFFF;
-  --graphtite-alert-success: #00A64D;
-  --graphtite-alert-error: #BB393D;
-  --graphtite-alert-warning: #DE6205;
-  --graphtite-alert-info: #54617B;
 }
 
 [theme-base='graphite'] {
@@ -43,10 +35,6 @@
   --base--text-secondary: var(--graphite--text-secondary);
   --base--text: var(--graphite--text);
   --base--text-solid-foreground: var(--graphite--text-solid-foreground);
-  --base-alert-success: var(--graphtite-alert-success);
-  --base-alert-error: var(--graphtite-alert-error);
-  --base-alert-warning: var(--graphtite-alert-warning);
-  --base-alert-info: var(--graphtite-alert-info);
 }
 
 [theme-accent='graphite'] {
@@ -60,8 +48,4 @@
   --accent--text-secondary: var(--graphite--text-secondary);
   --accent--text: var(--graphite--text);
   --accent--text-solid-foreground: var(--graphite--text-solid-foreground);
-  --accent-alert-success: var(--graphtite-alert-success);
-  --accent-alert-error: var(--graphtite-alert-error);
-  --accent-alert-warning: var(--graphtite-alert-warning);
-  --accent-alert-info: var(--graphtite-alert-info);
 }

codex-ui/src/styles/themes/grass.pcss

@@ -12,10 +12,6 @@
   --grass--text-secondary: #729180;
   --grass--text: #f3fff9;
   --grass--text-solid-foreground: #EAFFF4;
-  --grass-alert-success: #00A64D;
-  --grass-alert-error: #BB393D;
-  --grass-alert-warning: #DE6205;
-  --grass-alert-info: #54617B;
 }
 
 [color-scheme='light'] {
@@ -32,10 +28,6 @@
   --grass--text-secondary: #7ca58f;
   --grass--text: #243A2E;
   --grass--text-solid-foreground: #E1FFE9;
-  --grass-alert-success: #00A64D;
-  --grass-alert-error: #BB393D;
-  --grass-alert-warning: #DE6205;
-  --grass-alert-info: #54617B;
 }
 
 /**
@@ -52,10 +44,6 @@
   --base--text-secondary: var(--grass--text-secondary);
   --base--text: var(--grass--text);
   --base--text-solid-foreground: var(--grass--text-solid-foreground);
-  --base-alert-success: var(--grass-alert-success);
-  --base-alert-error: var(--grass-alert-error);
-  --base-alert-warning: var(--grass-alert-warning);
-  --base-alert-info: var(--grass-alert-info);
 }
 
 [theme-accent='grass'] {
@@ -69,8 +57,4 @@
   --accent--text-secondary: var(--grass--text-secondary);
   --accent--text: var(--grass--text);
   --accent--text-solid-foreground: var(--grass--text-solid-foreground);
-  --accent-alert-success: var(--grass-alert-success);
-  --accent-alert-error: var(--grass-alert-error);
-  --accent-alert-warning: var(--grass-alert-warning);
-  --accent-alert-info: var(--grass-alert-info);
 }

codex-ui/src/styles/themes/pure.pcss

@@ -9,10 +9,6 @@
   --pure--text-secondary: #828282;
   --pure--text: #ffffff;
   --pure--text-solid-foreground: #000000;
-  --pure-alert-success: #00A64D;
-  --pure-alert-error: #BB393D;
-  --pure-alert-warning: #DE6205;
-  --pure-alert-info: #54617B;
 }
 
 [color-scheme='light'] {
@@ -26,10 +22,6 @@
   --pure--text-secondary: #505050;
   --pure--text: #000000;
   --pure--text-solid-foreground: #ffffff;
-  --pure-alert-success: #00A64D;
-  --pure-alert-error: #BB393D;
-  --pure-alert-warning: #DE6205;
-  --pure-alert-info: #54617B;
 }
 
 /**
@@ -46,10 +38,6 @@
   --base--text-secondary: var(--pure--text-secondary);
   --base--text: var(--pure--text);
   --base--text-solid-foreground: var(--pure--text-solid-foreground);
-  --base-alert-success: var(--pure-alert-success);
-  --base-alert-error: var(--pure-alert-error);
-  --base-alert-warning: var(--pure-alert-warning);
-  --base-alert-info: var(--pure-alert-info);
 }
 
 [theme-accent='pure'] {
@@ -63,8 +51,4 @@
   --accent--text-secondary: var(--pure--text-secondary);
   --accent--text: var(--pure--text);
   --accent--text-solid-foreground: var(--pure--text-solid-foreground);
-  --accent-alert-success: var(--pure-alert-success);
-  --accent-alert-error: var(--pure-alert-error);
-  --accent-alert-warning: var(--pure-alert-warning);
-  --accent-alert-info: var(--pure-alert-info);
 }

codex-ui/src/styles/themes/red.pcss

@@ -12,10 +12,6 @@
   --red--text-secondary: #B67E7C;
   --red--text: #F2DEDE;
   --red--text-solid-foreground: #FFE3E3;
-  --red-alert-success: #00A64D;
-  --red-alert-error: #BB393D;
-  --red-alert-warning: #DE6205;
-  --red-alert-info: #54617B;
 }
 
 [color-scheme='light'] {
@@ -48,10 +44,6 @@
   --base--text-secondary: var(--red--text-secondary);
   --base--text: var(--red--text);
   --base--text-solid-foreground: var(--red--text-solid-foreground);
-  --base-alert-success: var(--red-alert-success);
-  --base-alert-error: var(--red-alert-error);
-  --base-alert-warning: var(--red-alert-warning);
-  --base-alert-info: var(--red-alert-info);
 }
 
 [theme-accent='red'] {
@@ -65,8 +57,4 @@
   --accent--text-secondary: var(--red--text-secondary);
   --accent--text: var(--red--text);
   --accent--text-solid-foreground: var(--red--text-solid-foreground);
-  --accent-alert-success: var(--red-alert-success);
-  --accent-alert-error: var(--red-alert-error);
-  --accent-alert-warning: var(--red-alert-warning);
-  --accent-alert-info: var(--red-alert-info);
 }

codex-ui/src/styles/themes/sky.pcss

@@ -9,10 +9,6 @@
   --sky--text-secondary: #769DCC;
   --sky--text: #dfe8f6;
   --sky--text-solid-foreground: #FFFFFF;
-  --sky-alert-success: #00A64D;
-  --sky-alert-error: #BB393D;
-  --sky-alert-warning: #DE6205;
-  --sky-alert-info: #54617B;
 }
 
 [color-scheme='light'] {
@@ -26,10 +22,6 @@
   --sky--text-secondary: #1A5192;
   --sky--text: #0C2A4D;
   --sky--text-solid-foreground: #FFFFFF;
-  --sky-alert-success: #00A64D;
-  --sky-alert-error: #BB393D;
-  --sky-alert-warning: #DE6205;
-  --sky-alert-info: #54617B;
 }
 
 [theme-base='sky'] {
@@ -43,10 +35,6 @@
   --base--text-secondary: var(--sky--text-secondary);
   --base--text: var(--sky--text);
   --base--text-solid-foreground: var(--sky--text-solid-foreground);
-  --base-alert-success: var(--sky-alert-success);
-  --base-alert-error: var(--sky-alert-error);
-  --base-alert-warning: var(--sky-alert-warning);
-  --base-alert-info: var(--sky-alert-info);
 }
 
 [theme-accent='sky'] {
@@ -60,8 +48,4 @@
   --accent--text-secondary: var(--sky--text-secondary);
   --accent--text: var(--sky--text);
   --accent--text-solid-foreground: var(--sky--text-solid-foreground);
-  --accent-alert-success: var(--sky-alert-success);
-  --accent-alert-error: var(--sky-alert-error);
-  --accent-alert-warning: var(--sky-alert-warning);
-  --accent-alert-info: var(--sky-alert-info);
 }

codex-ui/src/styles/themes/violet.pcss

@@ -12,10 +12,6 @@
   --violet--text-secondary: #a389bd;
   --violet--text: #d9cee5;
   --violet--text-solid-foreground: #f2f1f4;
-  --violet-alert-success: #00A64D;
-  --violet-alert-error: #BB393D;
-  --violet-alert-warning: #DE6205;
-  --violet-alert-info: #54617B;
 }
 
 [color-scheme='light'] {
@@ -32,10 +28,6 @@
   --violet--text-secondary: #6C3A9E;
   --violet--text: #341554;
   --violet--text-solid-foreground: #FAF8FF;
-  --violet-alert-success: #00A64D;
-  --violet-alert-error: #BB393D;
-  --violet-alert-warning: #DE6205;
-  --violet-alert-info: #54617B;
 }
 
 /**
@@ -52,10 +44,6 @@
   --base--text-secondary: var(--violet--text-secondary);
   --base--text: var(--violet--text);
   --base--text-solid-foreground: var(--violet--text-solid-foreground);
-  --base-alert-success: var(--violet-alert-success);
-  --base-alert-error: var(--violet-alert-error);
-  --base-alert-warning: var(--violet-alert-warning);
-  --base-alert-info: var(--violet-alert-info);
 }
 
 [theme-accent='violet'] {
@@ -69,8 +57,4 @@
   --accent--text-secondary: var(--violet--text-secondary);
   --accent--text: var(--violet--text);
   --accent--text-solid-foreground: var(--violet--text-solid-foreground);
-  --accent-alert-success: var(--violet-alert-success);
-  --accent-alert-error: var(--violet-alert-error);
-  --accent-alert-warning: var(--violet-alert-warning);
-  --accent-alert-info: var(--violet-alert-info);
 }