translucent theme

1 files changed, 22 insertions, 19 deletions

diff --git a/web/static/css/input.css b/web/static/css/input.css
index f2bbca8..4daceb0 100644
--- a/web/static/css/input.css
+++ b/web/static/css/input.css
@@ -1,53 +1,57 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
 
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
-/* Custom base styles */
+/* Custom base styles - Dark translucent theme */
 @layer base {
   body {
-    @apply antialiased text-gray-900 bg-gradient-to-br from-indigo-100 via-purple-100 to-pink-100 min-h-screen;
+    @apply antialiased text-white bg-gray-900 min-h-screen;
     font-family: 'Inter', system-ui, sans-serif;
+    text-shadow: 0 0 8px black, 0 0 8px black;
   }
 
   /* Headings */
   h1, h2, h3, h4, h5, h6 {
-    @apply text-gray-900 tracking-tight;
+    @apply text-white font-light tracking-wide;
   }
+
+  a { @apply text-white/90 hover:text-white; }
 }
 
 /* Custom components */
 @layer components {
-  /* Glass Card */
+  /* Dark Glass Card */
   .card {
-    @apply bg-white/70 backdrop-blur-lg border border-white/50 shadow-xl rounded-2xl p-6 transition-all duration-200;
+    @apply bg-black/60 backdrop-blur-sm rounded-lg p-4 transition-all duration-200;
+    box-shadow: 0 0 12px black;
   }
 
   .card-hover {
-    @apply hover:shadow-2xl hover:-translate-y-0.5 hover:bg-white/80;
+    @apply hover:bg-black/70;
   }
 
   /* Navigation Pills */
   .tab-button {
-    @apply px-2 sm:px-4 py-2 rounded-lg text-xs sm:text-sm font-medium text-gray-600 transition-all duration-200;
+    @apply px-2 sm:px-4 py-2 rounded-lg text-xs sm:text-sm font-light text-white/70 tracking-wide transition-all duration-200;
   }
 
   .tab-button:hover {
-    @apply bg-white/50 text-gray-900;
+    @apply bg-white/10 text-white;
   }
 
   .tab-button-active {
-    @apply bg-white shadow-sm text-indigo-700;
+    @apply bg-white/20 text-white;
   }
 
-  /* Existing Component Updates */
+  /* Section Header */
   .section-header {
-    @apply text-2xl font-bold text-gray-900 mb-6;
+    @apply text-xl font-light text-white tracking-wide mb-4;
   }
 
   .badge {
-    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
+    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-black/40;
   }
 
   .board-card {
@@ -55,17 +59,16 @@
   }
 
   .trello-card-item {
-    @apply bg-white/60 border border-white/40 rounded-lg p-4
-           hover:shadow-md hover:bg-white/80 transition-all;
+    @apply bg-black/40 rounded-lg p-4 hover:bg-black/50 transition-all;
   }
 
   .task-item {
-    @apply flex items-start gap-3 p-4 rounded-lg
-           hover:bg-white/40 transition-colors;
+    @apply bg-black/60 rounded-lg transition-colors;
+    box-shadow: 0 0 12px black;
   }
 
-  .note-card {
-    @apply card card-hover border-l-4 border-l-obsidian;
+  .task-item:hover {
+    @apply bg-black/70;
   }
 
   .line-clamp-3 {