From ccac6f9b8e429dadada3ac9bd4a8b9ffb7d752e8 Mon Sep 17 00:00:00 2001
From: will <will.willis@gmail.com>
Date: Mon, 17 Nov 2025 21:22:48 -0600
Subject: [PATCH] tailwind migration from v3 to v4

---
 frontend/package-lock.json                    |  4 +-
 frontend/package.json                         |  4 +-
 frontend/src/index.css                        | 43 +++++++++++++++++--
 ...nd.config.js => tailwind.config.js.backup} |  0
 4 files changed, 44 insertions(+), 7 deletions(-)
 rename frontend/{tailwind.config.js => tailwind.config.js.backup} (100%)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 0c89b0f..828ea67 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -12,7 +12,8 @@
         "axios": "^1.13.2",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
-        "react-router-dom": "^6.30.2"
+        "react-router-dom": "^6.30.2",
+        "tailwindcss": "^4.1.17"
       },
       "devDependencies": {
         "@eslint/js": "^9.31.0",
@@ -31,7 +32,6 @@
         "eslint-plugin-react-refresh": "^0.4.4",
         "jsdom": "^23.0.1",
         "postcss": "^8.4.31",
-        "tailwindcss": "^4.1.17",
         "typescript": "^5.9.3",
         "vite": "^7.2.2",
         "vitest": "^4.0.10"
diff --git a/frontend/package.json b/frontend/package.json
index d6d978b..065fdb9 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -18,7 +18,8 @@
     "axios": "^1.13.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^6.30.2"
+    "react-router-dom": "^6.30.2",
+    "tailwindcss": "^4.1.17"
   },
   "devDependencies": {
     "@eslint/js": "^9.31.0",
@@ -37,7 +38,6 @@
     "eslint-plugin-react-refresh": "^0.4.4",
     "jsdom": "^23.0.1",
     "postcss": "^8.4.31",
-    "tailwindcss": "^4.1.17",
     "typescript": "^5.9.3",
     "vite": "^7.2.2",
     "vitest": "^4.0.10"
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 0286347..efdf4b9 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,6 +1,43 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+/* TailwindCSS v4 Theme Configuration */
+@theme {
+  /* Content paths for scanning classes */
+  --content: "./index.html", "./src/**/*.{js,ts,jsx,tsx}";
+
+  /* Dark mode configuration */
+  --dark-mode: class;
+
+  /* Custom colors */
+  --color-cursor-bg: #0d1117;
+  --color-cursor-surface: #161b22;
+  --color-cursor-border: #30363d;
+  --color-cursor-text: #c9d1d9;
+  --color-cursor-text-muted: #8b949e;
+  --color-cursor-accent: #58a6ff;
+  --color-cursor-accent-muted: #1f6feb;
+  --color-cursor-success: #238636;
+  --color-cursor-warning: #d29922;
+  --color-cursor-error: #f85149;
+
+  /* Font families */
+  --font-mono: JetBrains Mono, Fira Code, Consolas, Monaco, monospace;
+  --font-sans: Inter, system-ui, sans-serif;
+
+  /* Font sizes */
+  --font-size-xs: 0.75rem;
+  --line-height-xs: 1rem;
+  --font-size-sm: 0.875rem;
+  --line-height-sm: 1.25rem;
+  --font-size-base: 0.9375rem;
+  --line-height-base: 1.5rem;
+  --font-size-lg: 1.0625rem;
+  --line-height-lg: 1.75rem;
+  --font-size-xl: 1.1875rem;
+  --line-height-xl: 1.75rem;
+  --font-size-2xl: 1.3125rem;
+  --line-height-2xl: 2rem;
+}
 
 /* Custom scrollbar for the hacker aesthetic */
 ::-webkit-scrollbar {
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js.backup
similarity index 100%
rename from frontend/tailwind.config.js
rename to frontend/tailwind.config.js.backup