From c0291e1b83d6d27a0ff48f9663f0076ca8a21992 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Fri, 19 Dec 2025 15:56:44 -0800
Subject: [PATCH] revert: Restore previous visual theme (Linear/Purple) -
 Reverted tailwind.config.js to pre-Design OS state - Undoing the Stone/Lime
 color palette change

---
 frontend/tailwind.config.js | 91 ++++++++++++++++---------------------
 1 file changed, 40 insertions(+), 51 deletions(-)

diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index eb4cf4a..e4ff6b0 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -28,82 +28,71 @@ export default {
             },
         },
         extend: {
-            // Design OS Palette (Stone & Lime) - Hardcoded for build stability
+            // Linear-inspired color palette (Charcoal & Bone)
             colors: {
-                // Neutral scale (Stone)
+                // Neutral scale (primary palette)
                 neutral: {
-                    50: '#fafaf9',
-                    100: '#f5f5f4',
-                    200: '#e7e5e4',
-                    300: '#d6d3d1',
-                    400: '#a8a29e',
-                    500: '#78716c',
-                    600: '#57534e',
-                    700: '#44403c',
-                    800: '#292524',
-                    900: '#1c1917',
-                    950: '#0c0a09',
-                    850: '#1c1917', // Legacy support
+                    50: '#FAFAFA',
+                    100: '#F5F5F5',
+                    200: '#E5E5E5',
+                    300: '#D4D4D4',
+                    400: '#A3A3A3',
+                    500: '#737373',
+                    600: '#525252',
+                    700: '#404040',
+                    800: '#262626',
+                    850: '#1F1F1F',
+                    900: '#171717',
+                    950: '#0A0A0A',
                 },
-                // Primary Accent (Lime)
+                // Accent (Linear's desaturated blue-purple)
                 accent: {
-                    DEFAULT: '#84cc16', // lime-500
-                    hover: '#a3e635',   // lime-400
-                    muted: 'rgba(132, 204, 22, 0.15)',
-                    foreground: '#0c0a09',
-                    50: '#f7fee7',
-                    100: '#ecfccb',
-                    200: '#d9f99d',
-                    300: '#bef264',
-                    400: '#a3e635',
-                    500: '#84cc16',
-                    600: '#65a30d',
-                    700: '#4d7c0f',
-                    800: '#3f6212',
-                    900: '#365314',
-                    950: '#1a2e05',
+                    DEFAULT: '#5E6AD2',
+                    hover: '#6E7AE2',
+                    muted: 'rgba(94, 106, 210, 0.15)',
+                    foreground: '#FFFFFF',
                 },
                 // Semantic colors
                 success: {
-                    DEFAULT: '#10b981', // emerald-500
-                    muted: 'rgba(16, 185, 129, 0.15)',
+                    DEFAULT: '#22C55E',
+                    muted: 'rgba(34, 197, 94, 0.15)',
                     foreground: '#FFFFFF',
                 },
                 warning: {
-                    DEFAULT: '#f59e0b', // amber-500
-                    muted: 'rgba(245, 158, 11, 0.15)',
+                    DEFAULT: '#EAB308',
+                    muted: 'rgba(234, 179, 8, 0.15)',
                     foreground: '#171717',
                 },
                 destructive: {
-                    DEFAULT: '#ef4444', // red-500
+                    DEFAULT: '#EF4444',
                     muted: 'rgba(239, 68, 68, 0.15)',
                     foreground: '#FFFFFF',
                 },
-                // Mappings
-                border: '#e7e5e4', // stone-200
-                input: '#e7e5e4',
-                ring: '#84cc16', // lime-500
-                background: '#fafaf9', // stone-50
-                foreground: '#0c0a09', // stone-950
+                // Legacy support (mapped to neutral)
+                border: "hsl(var(--border))",
+                input: "hsl(var(--input))",
+                ring: "hsl(var(--ring))",
+                background: "hsl(var(--background))",
+                foreground: "hsl(var(--foreground))",
                 primary: {
-                    DEFAULT: '#84cc16',
-                    foreground: '#0c0a09',
+                    DEFAULT: "#5E6AD2", // Now accent color
+                    foreground: "#FFFFFF",
                 },
                 secondary: {
-                    DEFAULT: '#f5f5f4', // stone-100
-                    foreground: '#1c1917',
+                    DEFAULT: "hsl(var(--secondary))",
+                    foreground: "hsl(var(--secondary-foreground))",
                 },
                 muted: {
-                    DEFAULT: '#f5f5f4',
-                    foreground: '#78716c',
+                    DEFAULT: "hsl(var(--muted))",
+                    foreground: "hsl(var(--muted-foreground))",
                 },
                 popover: {
-                    DEFAULT: "#FFFFFF",
-                    foreground: '#0c0a09',
+                    DEFAULT: "hsl(var(--popover))",
+                    foreground: "hsl(var(--popover-foreground))",
                 },
                 card: {
-                    DEFAULT: "#FFFFFF",
-                    foreground: '#0c0a09',
+                    DEFAULT: "hsl(var(--card))",
+                    foreground: "hsl(var(--card-foreground))",
                 },
             },
             borderRadius: {