feat: use constants to define the colors

chingu-x · Sep 23, 2023 · 45c701d · 45c701d
1 parent e43a778
commit 45c701d
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,4 +1,8 @@
 /** @type {import('tailwindcss').Config} */
+
+const NEUTRAL_FOCUS_LIGHT = "#4C515B";
+const NEUTRAL_FOCUS_DARK = "#A0A5AE";
+
 module.exports = {
   content: [
     "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
@@ -19,7 +23,7 @@ module.exports = {
           "accent-focus": "#98DDBD",
           "accent-content": "#D7EDE3",
           neutral: "#6B7280",
-          "neutral-focus": "#4C515B",
+          "neutral-focus": NEUTRAL_FOCUS_LIGHT,
           "neutral-content": "#9CA1AA",
           info: "#8FC4E5",
           "info-content": "#DCEDF7",
@@ -33,7 +37,7 @@ module.exports = {
           "base-200": "#F5F5F5",
           "base-300": "#16171A",
           "base-content": "#EEEFF0",
-          "--neutral-focus": "#4C515B",
+          "--neutral-focus": NEUTRAL_FOCUS_LIGHT,
         },
       },
       {
@@ -48,7 +52,7 @@ module.exports = {
           "accent-focus": "#6EE7B7",
           "accent-content": "#6B9984",
           neutral: "#6B7280",
-          "neutral-focus": "#A0A5AE",
+          "neutral-focus": NEUTRAL_FOCUS_DARK,
           "neutral-content": "#3B3F46",
           info: "#84B5D4",
           "info-content": "#668BA3",
@@ -62,7 +66,7 @@ module.exports = {
           "base-200": "#16171A",
           "base-300": "#F5F5F5",
           "base-content": "#2D3036",
-          "--neutral-focus": "#A0A5AE",
+          "--neutral-focus": NEUTRAL_FOCUS_DARK,
         },
       },
     ],