Add cyberpunk theme files: CSS overrides and color config

2026-06-30 16:19:39 +02:00
parent 1e4950009d
commit feb2549373
2 changed files with 1044 additions and 0 deletions
@@ -0,0 +1,113 @@
+{
+  "theme": {
+    "id": "cyberpunk",
+    "name": "Cyberpunk Theme",
+    "description": "Complete cyberpunk transformation: semi-transparent metric cards with 2px glowing hot-pink borders, fixed cyberpunk cityscape background, neon-pink avatar badges, and vibrant chart legends with hot-pink/cyan neon swatches.",
+    "type": "dual",
+    "default": false
+  },
+  "modes": {
+    "dark": {
+      "colors": {
+        "background": "hsl(240, 18%, 4%)",
+        "foreground": "hsl(210, 40%, 93%)",
+        "card": "hsl(240, 15%, 7%)",
+        "cardForeground": "hsl(210, 40%, 93%)",
+        "popover": "hsl(240, 15%, 7%)",
+        "popoverForeground": "hsl(210, 40%, 93%)",
+        "primary": "hsl(330, 100%, 50%)",
+        "primaryForeground": "hsl(0, 0%, 100%)",
+        "secondary": "hsl(180, 100%, 50%)",
+        "secondaryForeground": "hsl(0, 0%, 0%)",
+        "muted": "hsl(240, 12%, 12%)",
+        "mutedForeground": "hsl(240, 8%, 55%)",
+        "accent": "hsl(260, 80%, 60%)",
+        "accentForeground": "hsl(0, 0%, 100%)",
+        "destructive": "hsl(0, 84%, 55%)",
+        "destructiveForeground": "hsl(0, 0%, 100%)",
+        "border": "hsl(270, 30%, 15%)",
+        "input": "hsl(240, 12%, 12%)",
+        "ring": "hsl(330, 100%, 50%)",
+        "sidebar": "hsl(240, 15%, 3%)",
+        "sidebarForeground": "hsl(210, 40%, 93%)",
+        "sidebarPrimary": "hsl(330, 100%, 50%)",
+        "sidebarPrimaryForeground": "hsl(0, 0%, 100%)",
+        "sidebarAccent": "hsl(240, 10%, 10%)",
+        "sidebarAccentForeground": "hsl(210, 40%, 93%)",
+        "sidebarBorder": "hsl(270, 25%, 12%)",
+        "sidebarRing": "hsl(330, 100%, 50%)"
+      }
+    },
+    "light": {
+      "colors": {
+        "background": "hsl(220, 15%, 96%)",
+        "foreground": "hsl(240, 30%, 10%)",
+        "card": "hsl(0, 0%, 100%)",
+        "cardForeground": "hsl(240, 30%, 10%)",
+        "popover": "hsl(0, 0%, 100%)",
+        "popoverForeground": "hsl(240, 30%, 10%)",
+        "primary": "hsl(330, 80%, 48%)",
+        "primaryForeground": "hsl(0, 0%, 100%)",
+        "secondary": "hsl(180, 80%, 38%)",
+        "secondaryForeground": "hsl(0, 0%, 100%)",
+        "muted": "hsl(240, 8%, 92%)",
+        "mutedForeground": "hsl(240, 8%, 48%)",
+        "accent": "hsl(260, 65%, 52%)",
+        "accentForeground": "hsl(0, 0%, 100%)",
+        "destructive": "hsl(0, 80%, 55%)",
+        "destructiveForeground": "hsl(0, 0%, 100%)",
+        "border": "hsl(270, 15%, 84%)",
+        "input": "hsl(240, 8%, 92%)",
+        "ring": "hsl(330, 80%, 48%)",
+        "sidebar": "hsl(0, 0%, 100%)",
+        "sidebarForeground": "hsl(240, 30%, 10%)",
+        "sidebarPrimary": "hsl(330, 80%, 48%)",
+        "sidebarPrimaryForeground": "hsl(0, 0%, 100%)",
+        "sidebarAccent": "hsl(240, 8%, 92%)",
+        "sidebarAccentForeground": "hsl(240, 30%, 10%)",
+        "sidebarBorder": "hsl(270, 15%, 84%)",
+        "sidebarRing": "hsl(330, 80%, 48%)"
+      }
+    }
+  },
+  "borderRadius": "0.5rem",
+  "typography": {
+    "fontFamily": "Inter, sans-serif",
+    "headingFont": "Inter, sans-serif"
+  },
+  "keyColors": {
+    "primary": "#ff007f",
+    "background": "#0a0a10 (dark) / #f0f2f8 (light)",
+    "card": "#0f0f18 (dark) / #ffffff (light)",
+    "sidebar": "#07070d (dark) / #ffffff (light)",
+    "border": "#1c1430 (dark) / #d4d0e0 (light)",
+    "text": "#e8e8f0 (dark) / #1a1a2e (light)",
+    "mutedText": "#7a7a9a (dark) / #6b7280 (light)"
+  },
+  "neon": {
+    "pink": "#ff007f",
+    "cyan": "#00f0ff",
+    "violet": "#8b5cf6",
+    "yellow": "#ffd700",
+    "acidGreen": "#39ff14",
+    "orange": "#ff8c00"
+  },
+  "chartSegments": {
+    "open": { "label": "Open", "color": "#BD00FF", "description": "Neon Purple — 35%" },
+    "contacted": { "label": "Contacted", "color": "#00E5FF", "description": "Cyberpunk Cyan — 25%" },
+    "pending": { "label": "Pending", "color": "#FFD700", "description": "Electric Yellow/Orange — 17%" },
+    "closed": { "label": "Closed", "color": "#39FF14", "description": "Glowing Lime Green — 23%" },
+    "ignored": { "label": "Ignored", "color": "#FF0055", "description": "Deep Neon Crimson — 0%" }
+  },
+  "barChart": {
+    "newLeads": { "color": "#FF1493", "glow": "rgba(255, 0, 127, 0.5)" },
+    "closed": { "color": "#00F0FF", "glow": "rgba(0, 229, 255, 0.4)" }
+  },
+  "statusBadges": {
+    "open": { "color": "#00E5FF", "label": "Cyan Neon" },
+    "contacted": { "color": "#BD00FF", "label": "Purple Magenta" },
+    "pending": { "color": "#FFAA00", "label": "Orange Yellow" },
+    "closed": { "color": "#C81E3C", "label": "Crimson Red" },
+    "ignored": { "color": "#666666", "label": "Muted Grey" }
+  }
+}