Tailwind: Extended color configuration with brand colors

2021-04-04 17:36:26 +02:00 · 2021-04-04 17:36:26 +02:00 · ece8b40efa
commit ece8b40efa
parent 1762d6215a
1 changed files with 27 additions and 16 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -6,20 +6,31 @@ console.log(`   ----------- \n`)
 console.log(`   ✅ purgeEnabled=${purgeEnabled}\n`)

 module.exports = {
-  purge: {
-    enabled: purgeEnabled,
-    content: ["./src/**/*.html", "./src/**/*.tsx", "./src/**/*.jsx"]
-  },
-  darkMode: 'class', // or 'media' or 'class'
-  theme: {
-    extend: {
-      screens: {
-        '3xl': '1900px',
-      },
-    }
-  },
-  variants: {
-    extend: {}
-  },
-  plugins: []
+    purge: {
+        enabled: purgeEnabled,
+        content: ["./src/**/*.html", "./src/**/*.tsx", "./src/**/*.jsx"]
+    },
+    darkMode: 'class', // or 'media' or 'class'
+    theme: {
+        extend: {
+            screens: {
+                '3xl': '1900px',
+            },
+            colors: {
+                'primary': '#fb8919',
+                'secondary': {
+                    100: '#8f969e',
+                    200: '#78818d',
+                    300: '#72777c',
+                    400: '#606872',
+                    500: '#494f56',
+                    600: '#2d3135'
+                }
+            }
+        }
+    },
+    variants: {
+        extend: {}
+    },
+    plugins: []
 }