coolify integration.

app/renderer/src/globals.css

@@ -0,0 +1,61 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 230 40% 14%;
+    --foreground: 0 0% 93%;
+    --card: 222 46% 16%;
+    --card-foreground: 0 0% 93%;
+    --popover: 222 46% 16%;
+    --popover-foreground: 0 0% 93%;
+    --primary: 349 78% 58%;
+    --primary-foreground: 0 0% 100%;
+    --secondary: 217 71% 22%;
+    --secondary-foreground: 0 0% 93%;
+    --muted: 222 30% 20%;
+    --muted-foreground: 0 0% 53%;
+    --accent: 217 71% 22%;
+    --accent-foreground: 0 0% 93%;
+    --destructive: 349 78% 58%;
+    --destructive-foreground: 0 0% 100%;
+    --border: 217 71% 22%;
+    --input: 217 71% 22%;
+    --ring: 349 78% 58%;
+    --radius: 0.5rem;
+
+    /* Semantic status colors */
+    --success: 180 80% 25%;
+    --success-foreground: 0 0% 100%;
+    --warning: 37 90% 58%;
+    --warning-foreground: 0 0% 0%;
+  }
+
+  * {
+    @apply border-border;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+  }
+
+  ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: hsl(var(--background));
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: hsl(var(--secondary));
+    border-radius: 4px;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background: hsl(var(--muted-foreground));
+  }
+}