Added New Themes/Optimization

2026-06-30 14:28:39 +02:00
parent 4b2ea3db2a
commit db487e4614
11 changed files with 1091 additions and 7 deletions
@@ -0,0 +1,67 @@
+{
+  "name": "Black & White",
+  "description": "Clean monochrome theme with pure grayscale tones and subtle texture",
+  "dark": {
+    "colors": {
+      "background": "0 0% 4%",
+      "foreground": "0 0% 95%",
+      "primary": "0 0% 95%",
+      "secondary": "0 0% 50%",
+      "accent": "0 0% 95%",
+      "muted": "0 0% 12%",
+      "border": "0 0% 20%",
+      "ring": "0 0% 70%",
+      "card": "0 0% 8%",
+      "popover": "0 0% 8%"
+    },
+    "textColors": {
+      "heading": "linear-gradient(135deg, hsl(0,0%,90%), hsl(0,0%,60%))",
+      "link": "hsl(0, 0%, 80%)",
+      "link-hover": "hsl(0, 0%, 100%)",
+      "code": "hsl(0, 0%, 80%)",
+      "blockquote": "hsl(0, 0%, 60%)",
+      "table-header": "hsl(0, 0%, 80%)",
+      "stat-card-value": "hsl(0, 0%, 95%)",
+      "badge": "hsl(0, 0%, 80%)",
+      "page-header-title": "hsl(0, 0%, 95%)",
+      "text-glow": "0 0 10px hsla(0,0%,100%,0.15), 0 0 30px hsla(0,0%,100%,0.05)"
+    },
+    "backgrounds": {
+      "body": "Deep black with subtle silver radial gradients and faint dots",
+      "glow-colors": ["hsla(0,0%,100%,0.04)", "hsla(0,0%,100%,0.02)"]
+    },
+    "effects": {
+      "body-background-animation": "bw-drift 40s ease-in-out infinite alternate"
+    }
+  },
+  "light": {
+    "colors": {
+      "background": "0 0% 97%",
+      "foreground": "0 0% 10%",
+      "primary": "0 0% 10%",
+      "secondary": "0 0% 40%",
+      "accent": "0 0% 10%",
+      "muted": "0 0% 90%",
+      "border": "0 0% 82%",
+      "ring": "0 0% 50%",
+      "card": "0 0% 100%",
+      "popover": "0 0% 100%"
+    },
+    "textColors": {
+      "heading": "linear-gradient(135deg, hsl(0,0%,20%), hsl(0,0%,50%))",
+      "link": "hsl(0, 0%, 30%)",
+      "link-hover": "hsl(0, 0%, 0%)",
+      "code": "hsl(0, 0%, 30%)",
+      "blockquote": "hsl(0, 0%, 50%)",
+      "table-header": "hsl(0, 0%, 30%)",
+      "stat-card-value": "hsl(0, 0%, 10%)",
+      "badge": "hsl(0, 0%, 30%)",
+      "page-header-title": "hsl(0, 0%, 10%)",
+      "text-glow": "0 0 8px hsla(0,0%,0%,0.08), 0 0 20px hsla(0,0%,0%,0.04)"
+    },
+    "backgrounds": {
+      "body": "White with subtle silver-gray radial gradients and faint grid texture",
+      "glow-colors": ["hsla(0,0%,0%,0.02)", "hsla(0,0%,0%,0.01)"]
+    }
+  }
+}