add initial project setup

2026-08-28 07:57:03 +00:00 · 2025-11-24 18:16:25 +01:00
parent 998f17c7d9
commit 6b050f1090
57 changed files with 11526 additions and 3 deletions
@@ -0,0 +1,103 @@
+@import 'tailwindcss';
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+    --popover: 0 0% 98%;
+    --popover-foreground: 240 10% 3.9%;
+    --primary: 28 100% 58%;
+    --primary-foreground: 0 0% 100%;
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --ring: 28 100% 58%;
+    --radius: 0.5rem;
+
+    /* Grafana Chart Colors */
+    --chart-blue: #1f77b4;
+    --chart-orange: #ff7f0e;
+    --chart-green: #2ca02c;
+    --chart-red: #d62728;
+    --chart-purple: #9467bd;
+    --chart-brown: #8c564b;
+    --chart-pink: #e377c2;
+    --chart-gray: #7f7f7f;
+    --chart-olive: #bcbd22;
+    --chart-cyan: #17becf;
+  }
+
+  .dark {
+    /* VS Code Dark Blue Theme */
+    --background: 222 14% 11%;
+    --foreground: 220 13% 91%;
+    --card: 222 13% 16%;
+    --card-foreground: 220 13% 91%;
+    --popover: 222 13% 18%;
+    --popover-foreground: 220 13% 91%;
+    --primary: 28 100% 58%;
+    --primary-foreground: 0 0% 100%;
+    --secondary: 222 13% 23%;
+    --secondary-foreground: 220 13% 91%;
+    --muted: 222 13% 30%;
+    --muted-foreground: 220 9% 64%;
+    --accent: 28 100% 58%;
+    --accent-foreground: 0 0% 100%;
+    --destructive: 15 86% 56%;
+    --destructive-foreground: 220 13% 91%;
+    --border: 222 13% 23%;
+    --input: 222 13% 23%;
+    --ring: 28 100% 58%;
+
+    /* Grafana Chart Colors */
+    --chart-blue: #3eb0ff;
+    --chart-orange: #ff9830;
+    --chart-green: #73bf69;
+    --chart-red: #f2495c;
+    --chart-purple: #b581d8;
+    --chart-brown: #c4a2e0;
+    --chart-pink: #ff9d96;
+    --chart-gray: #9ba3af;
+    --chart-olive: #fac858;
+    --chart-cyan: #37b7c3;
+  }
+
+  * {
+    border-color: hsl(var(--border));
+  }
+
+  body {
+    background-color: hsl(var(--background));
+    color: hsl(var(--foreground));
+    font-feature-settings: 'rlig' 1, 'calt' 1;
+  }
+}
+
+@layer utilities {
+  .scrollbar-thin::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  .scrollbar-thin::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  .scrollbar-thin::-webkit-scrollbar-thumb {
+    background: hsl(var(--muted-foreground) / 0.2);
+    border-radius: 0.375rem;
+  }
+
+  .scrollbar-thin::-webkit-scrollbar-thumb:hover {
+    background: hsl(var(--muted-foreground) / 0.3);
+  }
+}