fix(component): extends colors in tailwind config (#680)

bigcommerce · Mar 19, 2024 · 5af0e66 · 5af0e66
1 parent 6f829cf
commit 5af0e66
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 24 deletions.
diff --git a/.changeset/small-ears-suffer.md b/.changeset/small-ears-suffer.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/components": patch
+---
+
+Extend colors in Tailwind config.
diff --git a/packages/components/tailwind.config.js b/packages/components/tailwind.config.js
@@ -4,31 +4,31 @@
 const config = {
   content: ['./src/**/*.{ts,tsx}', './app/**/*.{ts,tsx}', './components/**/*.{ts,tsx}'],
   theme: {
-    colors: {
-      transparent: 'transparent',
-      current: 'currentColor',
-      black: '#000000',
-      primary: '#053FB0',
-      secondary: '#3071EF',
-      white: '#FFFFFF',
-      error: {
-        DEFAULT: '#AD0000',
-        secondary: '#C62828',
-      },
-      success: {
-        DEFAULT: '#146622',
-        secondary: '#388E3C',
-      },
-      gray: {
-        100: '#F1F3F5',
-        200: '#CFD8DC',
-        300: '#AFBAC5',
-        400: '#90A4AE',
-        500: '#546E7A',
-        600: '#091D45',
-      },
-    },
     extend: {
+      colors: {
+        transparent: 'transparent',
+        current: 'currentColor',
+        black: '#000000',
+        primary: '#053FB0',
+        secondary: '#3071EF',
+        white: '#FFFFFF',
+        error: {
+          DEFAULT: '#AD0000',
+          secondary: '#C62828',
+        },
+        success: {
+          DEFAULT: '#146622',
+          secondary: '#388E3C',
+        },
+        gray: {
+          100: '#F1F3F5',
+          200: '#CFD8DC',
+          300: '#AFBAC5',
+          400: '#90A4AE',
+          500: '#546E7A',
+          600: '#091D45',
+        },
+      },
       fontFamily: {
         sans: ['var(--font-inter)'],
       },