Tailwind: Extended color configuration with brand colors

tailwind.config.js

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