add custom colors

PiolovesU · Nov 26, 2023 · 0ffdba6 · 0ffdba6
1 parent 0102082
commit 0ffdba6
Show file tree

Hide file tree

Showing 2 changed files with 63 additions and 0 deletions.
diff --git a/input.css b/input.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,8 +1,68 @@
 /** @type {import('tailwindcss').Config} */
+
+const color = require('tailwindcss/colors')
 module.exports = {
   content: [],
   theme: {
     extend: {},
+    colors: {
+      'brand': {
+        25: '#FCFAFF',
+        50: '#F9F5FF',
+        100: '#F4EBFF',
+        200: '#E9D7FE',
+        300: '#D6BBFB',
+        400: '#B692F6',
+        500: '#9E77ED',
+        600: '#7F56D9',
+        700: '#6941C6',
+        800: '#53389E',
+        900: '#42307D',
+      },
+      'error': {
+        25: '#FFFBFA',
+        50: '#FEF3F2',
+        100: '#FEE4E2',
+        200: '#FECDCA',
+        300: '#FDA29B',
+        400: '#F97066',
+        500: '#F04438',
+        600: '#D92D20',
+        700: '#B42318',
+        800: '#912018',
+        900: '#7A271A',
+      },
+      'success': {
+        25: '#F6FEF9',
+        50: '#ECFDF3',
+        100: '#D1FADF',
+        200: '#A6F4C5',
+        300: '#6CE9A6',
+        400: '#32D583',
+        500: '#12B76A',
+        600: '#039855',
+        700: '#027A48',
+        800: '#05603A',
+        900: '#054F31',
+      },
+      'warning': {
+        25: '#FFFCF5',
+        50: '#FFFAEB',
+        100: '#FEF0C7',
+        200: '#FEDF89',
+        300: '#FEC84B',
+        400: '#FDB022',
+        500: '#F79009',
+        600: '#DC6803',
+        700: '#B54708',
+        800: '#93370D',
+        900: '#7A2E0E',
+      },
+      black: color.black,
+      gray: color.gray,
+      white: color.white,
+      slate: color.slate
+    }
   },
   plugins: [],
 }