feat: add warning color

teableio · May 11, 2024 · a080901 · a080901
1 parent 55ad1c8
commit a080901
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/packages/ui-lib/src/shadcn/global.shadcn.css b/packages/ui-lib/src/shadcn/global.shadcn.css
@@ -34,6 +34,9 @@
     --ring: 217.9 10.6% 64.9%;
 
     --radius: 0.5rem;
+
+    --warning: 38 92% 50%;
+    --warning-foreground: 48 96% 89%;
   }
 
   .dark {
@@ -65,6 +68,9 @@
     --destructive-foreground: 0 85.7% 97.3%;
 
     --ring: 215 27.9% 16.9%;
+
+    --warning: 48 96% 89%;
+    --warning-foreground: 38 92% 50%;
   }
 }
 

diff --git a/packages/ui-lib/tailwind.config.js b/packages/ui-lib/tailwind.config.js
@@ -8,6 +8,16 @@ const filePath = join(__dirname, './src/**/*.{js,ts,jsx,tsx}');
 module.exports = {
   content: [filePath],
   darkMode: ['class'],
-  theme: deepMerge({}, shadcnuiConfig.theme),
+  theme: deepMerge(
+    {
+      extend: {
+        colors: {
+          warning: 'hsl(var(--warning))',
+          'warning-foreground': 'hsl(var(--warning-foreground))',
+        },
+      },
+    },
+    shadcnuiConfig.theme
+  ),
   plugins: [...shadcnuiConfig.plugins],
 };