updated to include themes

2026-06-01 10:59:20 +02:00
parent 3f54c13a1b
commit 3629c8633c
67 changed files with 2273 additions and 1 deletions
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#1c1c1c"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1c1c1c"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#282828"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#fbf1c7">retrobox (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#3c3836"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#fbf1c7">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#ebdbb2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#83a598"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1c1c1c">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#b16286"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#282828"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#1c1c1c"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#a89984">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#282828"/>
+  <circle cx="148" cy="166" r="9" fill="#cc241d"/>
+  <circle cx="172" cy="166" r="9" fill="#d79921"/>
+  <circle cx="196" cy="166" r="9" fill="#98971a"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#689d6a" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#fbf1c7">Surface Tint Overlay</text>
+</g>
+</svg>
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#e5d4b1"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#fbf1c7"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#ebdbb2"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1c1c1c">retrobox (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#d1c4ac"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1c1c1c">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#303030">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#b16286"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1c1c1c">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#458588"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#ebdbb2"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#e5d4b1"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#3c3836">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#ebdbb2"/>
+  <circle cx="148" cy="166" r="9" fill="#cc241d"/>
+  <circle cx="172" cy="166" r="9" fill="#d79921"/>
+  <circle cx="196" cy="166" r="9" fill="#98971a"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#689d6a" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1c1c1c">Surface Tint Overlay</text>
+</g>
+</svg>
@@ -0,0 +1,48 @@
+{
+  "id": "retrobox",
+  "name": "retrobox",
+  "version": "1.0.0",
+  "author": "dacyberduck",
+  "description": "Retrobox dark theme with retro groove colors",
+  "dark": {
+    "primary": "#83a598",
+    "primaryText": "#1c1c1c",
+    "primaryContainer": "#458588",
+    "secondary": "#b16286",
+    "surface": "#1c1c1c",
+    "surfaceText": "#fbf1c7",
+    "surfaceVariant": "#303030",
+    "surfaceVariantText": "#ebdbb2",
+    "surfaceTint": "#689d6a",
+    "background": "#1c1c1c",
+    "backgroundText": "#a89984",
+    "outline": "#ebdbb2",
+    "surfaceContainer": "#282828",
+    "surfaceContainerHigh": "#3c3836",
+    "surfaceContainerHighest": "#504945",
+    "error": "#cc241d",
+    "warning": "#d79921",
+    "info": "#98971a"
+  },
+  "light": {
+    "primary": "#b16286",
+    "primaryText": "#1c1c1c",
+    "primaryContainer": "#8f3f71",
+    "secondary": "#458588",
+    "surface": "#fbf1c7",
+    "surfaceText": "#1c1c1c",
+    "surfaceVariant": "#bdae9d",
+    "surfaceVariantText": "#282828",
+    "surfaceTint": "#689d6a",
+    "background": "#e5d4b1",
+    "backgroundText": "#3c3836",
+    "outline": "#303030",
+    "surfaceContainer": "#ebdbb2",
+    "surfaceContainerHigh": "#d1c4ac",
+    "surfaceContainerHighest": "#a89984",
+    "error": "#cc241d",
+    "warning": "#d79921",
+    "info": "#98971a"
+  },
+  "sourceDir": "retrobox"
+}