From 67ceca7acbb58f848e24459a4683c5e58e95801d Mon Sep 17 00:00:00 2001
From: Sami Assiri <sami.assiri11@gmail.com>
Date: Tue, 31 Mar 2026 19:56:04 +0300
Subject: [PATCH] fix: add missing tailwind color themes for border and
 background

---
 salesflow-saas/frontend/tailwind.config.js | 37 ++++++++++++++++++----
 1 file changed, 31 insertions(+), 6 deletions(-)

diff --git a/salesflow-saas/frontend/tailwind.config.js b/salesflow-saas/frontend/tailwind.config.js
index a96067f8..f1410a06 100644
--- a/salesflow-saas/frontend/tailwind.config.js
+++ b/salesflow-saas/frontend/tailwind.config.js
@@ -6,8 +6,14 @@ module.exports = {
   theme: {
     extend: {
       colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
         primary: {
-          DEFAULT: "#0F4C81",
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
           50: "#E8F0F8",
           100: "#C5D9EE",
           200: "#8BB3DD",
@@ -20,7 +26,8 @@ module.exports = {
           900: "#051A3A",
         },
         secondary: {
-          DEFAULT: "#00BFA6",
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
           50: "#E0FFF9",
           100: "#B3FFE8",
           200: "#66FFD1",
@@ -33,7 +40,8 @@ module.exports = {
           900: "#00352E",
         },
         accent: {
-          DEFAULT: "#FF6B35",
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
           50: "#FFF0EB",
           100: "#FFD9C8",
           200: "#FFB391",
@@ -45,10 +53,27 @@ module.exports = {
           800: "#993813",
           900: "#66250D",
         },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
         dark: "#1A1A2E",
-        success: "#22C55E",
-        warning: "#F59E0B",
-        error: "#EF4444",
+        success: {
+          DEFAULT: "hsl(var(--success))",
+          foreground: "hsl(var(--success-foreground))",
+        }
       },
       fontFamily: {
         arabic: ["IBM Plex Sans Arabic", "Tajawal", "sans-serif"],