refactor colors

tailwind.config.ts

@@ -1,6 +1,8 @@
 const colors = require('tailwindcss/colors')
 const appWidth = '1280px'
 const sideBarWidth = '220px'
+const primary = '#1E4BC4'
+const secondary = colors.gray[500]
 
 /** @type {import('tailwindcss').Config} */
 export default {
@@ -8,38 +10,38 @@ export default {
   theme: {
     extend: {
       colors: {
-        primary: '#1e4bc4',
+        primary,
-        secondary: colors.gray[500],
+        secondary
       },
       maxWidth: {
         app: appWidth,
-        sidebar: sideBarWidth,
+        sidebar: sideBarWidth
       },
       width: {
-        sidebar: sideBarWidth,
+        sidebar: sideBarWidth
       },
       margin: {
-        sidebar: sideBarWidth,
+        sidebar: sideBarWidth
-      },
+      }
-    },
+    }
   },
   plugins: [require('daisyui')],
   daisyui: {
     themes: [
       {
         contexted: {
-          primary: '#1E4BC4',
+          primary,
-          secondary: '#F000B8',
+          secondary,
           accent: '#37CDBE',
           neutral: '#F7F7F7',
           'base-100': '#FFFFFF',
           info: '#3ABFF8',
           success: '#36D399',
           warning: '#FBBD23',
-          error: '#F87272',
+          error: '#F87272'
-        },
+        }
-      },
+      }
     ],
-    logs: false,
+    logs: false
-  },
+  }
 }