updated to include themes

DankMaterialShell/plugin_settings.json

@@ -16,7 +16,10 @@
   },
   "sshConnections": {
     "enabled": true,
-    "terminal": "ghostty"
+    "terminal": "ghostty",
+    "history": [
+      "chrome"
+    ]
   },
   "usbManager": {
     "enabled": true

DankMaterialShell/themes/arcdarkest/preview-dark.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="#1c1f26"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d2027"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#20242c"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#d3dae3">Arc Darkest (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#323743"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#d3dae3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#4b8cd8">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#4b8cd8"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#6e87b0"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#20242c"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#1c1f26"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3dae3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#20242c"/>
+  <circle cx="148" cy="166" r="9" fill="#c24c39"/>
+  <circle cx="172" cy="166" r="9" fill="#ba9443"/>
+  <circle cx="196" cy="166" r="9" fill="#4b8cd8"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#4b8cd8" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3dae3">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/arcdarkest/preview-light.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="#242730"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#2b2f38"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#282c35"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#d3dae3">Arc Darkest (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#3a3f4d"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#d3dae3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#2b72c5">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#4b8cd8"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#7a8fa8"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#282c35"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#242730"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3dae3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#282c35"/>
+  <circle cx="148" cy="166" r="9" fill="#c24c39"/>
+  <circle cx="172" cy="166" r="9" fill="#ba9443"/>
+  <circle cx="196" cy="166" r="9" fill="#4b8cd8"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#4b8cd8" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3dae3">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/arcdarkest/theme.json

@@ -0,0 +1,48 @@
+{
+  "id": "arcdarkest",
+  "name": "Arc Darkest",
+  "version": "1.0.0",
+  "author": "schneik",
+  "description": "Arc Darkest GTK theme ported to DankMaterialShell",
+  "dark": {
+    "primary": "#4b8cd8",
+    "primaryText": "#ffffff",
+    "primaryContainer": "#2b72c5",
+    "secondary": "#6e87b0",
+    "surface": "#1d2027",
+    "surfaceText": "#d3dae3",
+    "surfaceVariant": "#2d323d",
+    "surfaceVariantText": "#afb5bd",
+    "surfaceTint": "#4b8cd8",
+    "background": "#1c1f26",
+    "backgroundText": "#d3dae3",
+    "outline": "#4b8cd8",
+    "surfaceContainer": "#20242c",
+    "surfaceContainerHigh": "#323743",
+    "surfaceContainerHighest": "#3c4252",
+    "error": "#c24c39",
+    "warning": "#ba9443",
+    "info": "#4b8cd8"
+  },
+  "light": {
+    "primary": "#4b8cd8",
+    "primaryText": "#ffffff",
+    "primaryContainer": "#2b72c5",
+    "secondary": "#7a8fa8",
+    "surface": "#2b2f38",
+    "surfaceText": "#d3dae3",
+    "surfaceVariant": "#31353f",
+    "surfaceVariantText": "#b1b8c1",
+    "surfaceTint": "#4b8cd8",
+    "background": "#242730",
+    "backgroundText": "#d3dae3",
+    "outline": "#2b72c5",
+    "surfaceContainer": "#282c35",
+    "surfaceContainerHigh": "#3a3f4d",
+    "surfaceContainerHighest": "#454b5a",
+    "error": "#c24c39",
+    "warning": "#ba9443",
+    "info": "#4b8cd8"
+  },
+  "sourceDir": "arc-darkest"
+}

DankMaterialShell/themes/everforest/preview-dark.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="#2d353b"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#232a2e"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#343f44"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#d3c6aa">Everforest Medium (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#3d484d"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#d3c6aa">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#56635f">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a7c080"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#232a2e">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#7fbbb3"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#343f44"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#2d353b"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#343f44"/>
+  <circle cx="148" cy="166" r="9" fill="#e57e80"/>
+  <circle cx="172" cy="166" r="9" fill="#e59875"/>
+  <circle cx="196" cy="166" r="9" fill="#dabc7f"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#425047" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/everforest/preview-hard-dark.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="#272e33"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1e2326"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#2e383c"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#d3c6aa">Everforest Hard (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#374145"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#d3c6aa">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#9da9a0">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a7c080"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e2326">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#7fbbb3"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#2e383c"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#272e33"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#2e383c"/>
+  <circle cx="148" cy="166" r="9" fill="#e57e80"/>
+  <circle cx="172" cy="166" r="9" fill="#e59875"/>
+  <circle cx="196" cy="166" r="9" fill="#dabc7f"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3c4841" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/everforest/preview-hard-light.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="#fffbef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#f2efdf"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2efdf"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#5c6a72">Everforest Hard (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#edeada"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#5c6a72">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#829181">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#8ca101"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f2efdf">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#dea000"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2efdf"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#fffbef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2efdf"/>
+  <circle cx="148" cy="166" r="9" fill="#f75552"/>
+  <circle cx="172" cy="166" r="9" fill="#f47d26"/>
+  <circle cx="196" cy="166" r="9" fill="#dea000"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#f3f5d9" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/everforest/preview-hard.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#272e33"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1e2326"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#2e383c"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#d3c6aa">Everforest Hard (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#374145"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#d3c6aa">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#9da9a0">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a7c080"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e2326">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#7fbbb3"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#2e383c"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#272e33"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#2e383c"/>
+  <circle cx="148" cy="166" r="9" fill="#e57e80"/>
+  <circle cx="172" cy="166" r="9" fill="#e59875"/>
+  <circle cx="196" cy="166" r="9" fill="#dabc7f"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3c4841" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#fffbef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#f2efdf"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2efdf"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#5c6a72">Everforest Hard (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#edeada"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#5c6a72">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#829181">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#8ca101"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f2efdf">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#dea000"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2efdf"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#fffbef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2efdf"/>
+  <circle cx="148" cy="166" r="9" fill="#f75552"/>
+  <circle cx="172" cy="166" r="9" fill="#f47d26"/>
+  <circle cx="196" cy="166" r="9" fill="#dea000"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#f3f5d9" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/everforest/preview-light.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="#fdf6e3"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#efebd4"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#efebd4"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#5c6a72">Everforest Medium (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#e6e2cc"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#5c6a72">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#829181">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#8ca101"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#efebd4">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#dea000"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#efebd4"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#fdf6e3"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#efebd4"/>
+  <circle cx="148" cy="166" r="9" fill="#f75552"/>
+  <circle cx="172" cy="166" r="9" fill="#f47d26"/>
+  <circle cx="196" cy="166" r="9" fill="#dea000"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#f0f1d2" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/everforest/preview-medium-dark.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="#2d353b"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#232a2e"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#343f44"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#d3c6aa">Everforest Medium (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#3d484d"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#d3c6aa">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#56635f">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a7c080"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#232a2e">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#7fbbb3"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#343f44"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#2d353b"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#343f44"/>
+  <circle cx="148" cy="166" r="9" fill="#e57e80"/>
+  <circle cx="172" cy="166" r="9" fill="#e59875"/>
+  <circle cx="196" cy="166" r="9" fill="#dabc7f"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#425047" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/everforest/preview-medium-light.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="#fdf6e3"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#efebd4"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#efebd4"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#5c6a72">Everforest Medium (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#e6e2cc"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#5c6a72">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#829181">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#8ca101"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#efebd4">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#dea000"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#efebd4"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#fdf6e3"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#efebd4"/>
+  <circle cx="148" cy="166" r="9" fill="#f75552"/>
+  <circle cx="172" cy="166" r="9" fill="#f47d26"/>
+  <circle cx="196" cy="166" r="9" fill="#dea000"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#f0f1d2" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/everforest/preview-medium.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#2d353b"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#232a2e"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#343f44"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#d3c6aa">Everforest Medium (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#3d484d"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#d3c6aa">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#56635f">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a7c080"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#232a2e">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#7fbbb3"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#343f44"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#2d353b"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#343f44"/>
+  <circle cx="148" cy="166" r="9" fill="#e57e80"/>
+  <circle cx="172" cy="166" r="9" fill="#e59875"/>
+  <circle cx="196" cy="166" r="9" fill="#dabc7f"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#425047" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#fdf6e3"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#efebd4"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#efebd4"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#5c6a72">Everforest Medium (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#e6e2cc"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#5c6a72">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#829181">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#8ca101"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#efebd4">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#dea000"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#efebd4"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#fdf6e3"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#efebd4"/>
+  <circle cx="148" cy="166" r="9" fill="#f75552"/>
+  <circle cx="172" cy="166" r="9" fill="#f47d26"/>
+  <circle cx="196" cy="166" r="9" fill="#dea000"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#f0f1d2" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/everforest/preview-soft-dark.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="#333c43"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#293136"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#3a464c"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#d3c6aa">Everforest Soft (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#434f55"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#d3c6aa">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#b9c0ab">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a7c080"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#293136">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#7fbbb3"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#3a464c"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#333c43"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#3a464c"/>
+  <circle cx="148" cy="166" r="9" fill="#e57e80"/>
+  <circle cx="172" cy="166" r="9" fill="#e59875"/>
+  <circle cx="196" cy="166" r="9" fill="#dabc7f"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#48584e" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/everforest/preview-soft-light.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="#f3ead3"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#e5dfc5"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#e5dfc5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#5c6a72">Everforest Soft (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#ddd8be"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#5c6a72">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#829181">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#8ca101"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e5dfc5">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#dea000"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#e5dfc5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f3ead3"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#e5dfc5"/>
+  <circle cx="148" cy="166" r="9" fill="#f75552"/>
+  <circle cx="172" cy="166" r="9" fill="#f47d26"/>
+  <circle cx="196" cy="166" r="9" fill="#dea000"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#e5e6c5" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/everforest/preview-soft.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#333c43"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#293136"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#3a464c"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#d3c6aa">Everforest Soft (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#434f55"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#d3c6aa">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#b9c0ab">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a7c080"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#293136">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#7fbbb3"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#3a464c"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#333c43"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#3a464c"/>
+  <circle cx="148" cy="166" r="9" fill="#e57e80"/>
+  <circle cx="172" cy="166" r="9" fill="#e59875"/>
+  <circle cx="196" cy="166" r="9" fill="#dabc7f"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#48584e" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d3c6aa">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#f3ead3"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#e5dfc5"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#e5dfc5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#5c6a72">Everforest Soft (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#ddd8be"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#5c6a72">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#829181">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#8ca101"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e5dfc5">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#dea000"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#e5dfc5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f3ead3"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#e5dfc5"/>
+  <circle cx="148" cy="166" r="9" fill="#f75552"/>
+  <circle cx="172" cy="166" r="9" fill="#f47d26"/>
+  <circle cx="196" cy="166" r="9" fill="#dea000"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#e5e6c5" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#5c6a72">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/everforest/theme.json

@@ -0,0 +1,111 @@
+{
+  "id": "everforest",
+  "name": "Everforest",
+  "version": "1.0.0",
+  "author": "fontaine",
+  "description": "Everforest is a green based color scheme, designed to be warm and soft",
+  "dark": {
+    "primary": "#a7c080",
+    "primaryContainer": "#6c8446",
+    "secondary": "#7fbbb3",
+    "surfaceText": "#d3c6aa",
+    "surfaceVariantText": "#d3c6aa",
+    "backgroundText": "#d3c6aa",
+    "error": "#e57e80",
+    "warning": "#e59875",
+    "info": "#dabc7f"
+  },
+  "light": {
+    "primary": "#8ca101",
+    "primaryContainer": "#92b259",
+    "secondary": "#dea000",
+    "surfaceText": "#5c6a72",
+    "surfaceVariantText": "#5c6a72",
+    "backgroundText": "#5c6a72",
+    "outline": "#829181",
+    "error": "#f75552",
+    "warning": "#f47d26",
+    "info": "#dea000"
+  },
+  "variants": {
+    "default": "medium",
+    "options": [
+      {
+        "id": "hard",
+        "name": "Hard",
+        "dark": {
+          "primaryText": "#1e2326",
+          "surface": "#1e2326",
+          "surfaceVariant": "#272e33",
+          "surfaceTint": "#3c4841",
+          "background": "#272e33",
+          "outline": "#9da9a0",
+          "surfaceContainer": "#2e383c",
+          "surfaceContainerHigh": "#374145",
+          "surfaceContainerHighest": "#414b50"
+        },
+        "light": {
+          "primaryText": "#f2efdf",
+          "surface": "#f2efdf",
+          "surfaceVariant": "#fffbef",
+          "surfaceTint": "#f3f5d9",
+          "background": "#fffbef",
+          "surfaceContainer": "#f2efdf",
+          "surfaceContainerHigh": "#edeada",
+          "surfaceContainerHighest": "#e8e5d5"
+        }
+      },
+      {
+        "id": "medium",
+        "name": "Medium",
+        "dark": {
+          "primaryText": "#232a2e",
+          "surface": "#232a2e",
+          "surfaceVariant": "#2d353b",
+          "surfaceTint": "#425047",
+          "background": "#2d353b",
+          "outline": "#56635f",
+          "surfaceContainer": "#343f44",
+          "surfaceContainerHigh": "#3d484d",
+          "surfaceContainerHighest": "#475258"
+        },
+        "light": {
+          "primaryText": "#efebd4",
+          "surface": "#efebd4",
+          "surfaceVariant": "#fdf6e3",
+          "surfaceTint": "#f0f1d2",
+          "background": "#fdf6e3",
+          "surfaceContainer": "#efebd4",
+          "surfaceContainerHigh": "#e6e2cc",
+          "surfaceContainerHighest": "#e0dcc7"
+        }
+      },
+      {
+        "id": "soft",
+        "name": "Soft",
+        "dark": {
+          "primaryText": "#293136",
+          "surface": "#293136",
+          "surfaceVariant": "#333c43",
+          "surfaceTint": "#48584e",
+          "background": "#333c43",
+          "outline": "#b9c0ab",
+          "surfaceContainer": "#3a464c",
+          "surfaceContainerHigh": "#434f55",
+          "surfaceContainerHighest": "#4d5960"
+        },
+        "light": {
+          "primaryText": "#e5dfc5",
+          "surface": "#e5dfc5",
+          "surfaceVariant": "#f3ead3",
+          "surfaceTint": "#e5e6c5",
+          "background": "#f3ead3",
+          "surfaceContainer": "#e5dfc5",
+          "surfaceContainerHigh": "#ddd8be",
+          "surfaceContainerHighest": "#d8d3ba"
+        }
+      }
+    ]
+  },
+  "sourceDir": "everforest"
+}

DankMaterialShell/themes/flexoki/preview-blue-dark.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="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Blue (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#4385BE"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#4385BE"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#4385BE"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#66A0C8" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-blue-light.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="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Blue (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#205EA6"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#205EA6"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#205EA6"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3171B2" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-blue.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Blue (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#4385BE"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#4385BE"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#4385BE"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#66A0C8" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Blue (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#205EA6"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#205EA6"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#205EA6"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3171B2" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-cyan-dark.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="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Cyan (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#3AA99F"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#3AA99F"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#3AA99F"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#5ABDAC" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-cyan-light.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="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Cyan (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#24837B"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#24837B"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#24837B"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#2F968D" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-cyan.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Cyan (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#3AA99F"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#3AA99F"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#3AA99F"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#5ABDAC" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Cyan (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#24837B"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#24837B"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#24837B"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#2F968D" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-dark.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="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Blue (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#4385BE"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#4385BE"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#4385BE"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#66A0C8" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-green-dark.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="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Green (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#879A39"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#879A39"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#879A39"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#A0AF54" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-green-light.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="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Green (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#66800B"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#66800B"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#66800B"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#768D21" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-green.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Green (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#879A39"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#879A39"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#879A39"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#A0AF54" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Green (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#66800B"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#66800B"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#66800B"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#768D21" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-light.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="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Blue (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#205EA6"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#205EA6"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#205EA6"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3171B2" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-magenta-dark.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="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Magenta (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#CE5D97"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#CE5D97"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#CE5D97"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#E47DA8" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-magenta-light.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="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Magenta (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#A02F6F"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#A02F6F"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#A02F6F"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#B74583" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-magenta.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Magenta (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#CE5D97"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#CE5D97"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#CE5D97"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#E47DA8" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Magenta (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#A02F6F"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#A02F6F"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#A02F6F"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#B74583" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-orange-dark.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="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Orange (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#DA702C"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#DA702C"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#DA702C"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#EC8B49" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-orange-light.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="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Orange (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#BC5215"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#BC5215"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#BC5215"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#CB6120" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-orange.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Orange (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#DA702C"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#DA702C"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#DA702C"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#EC8B49" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Orange (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#BC5215"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#BC5215"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#BC5215"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#CB6120" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-purple-dark.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="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Purple (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#8B7EC8"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#8B7EC8"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#8B7EC8"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#A699D0" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-purple-light.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="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Purple (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#5E409D"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#5E409D"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#5E409D"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#735EB5" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-purple.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Purple (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#8B7EC8"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#8B7EC8"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#8B7EC8"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#A699D0" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Purple (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#5E409D"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#5E409D"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#5E409D"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#735EB5" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-red-dark.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="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Red (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#D14D41"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#D14D41"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#D14D41"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#E8705F" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-red-light.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="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Red (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#AF3029"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#AF3029"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#AF3029"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#C03E35" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-red.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Red (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#D14D41"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#D14D41"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#D14D41"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#E8705F" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Red (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#AF3029"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#AF3029"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#AF3029"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#C03E35" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-yellow-dark.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="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Yellow (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#D0A215"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#D0A215"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#D0A215"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#DFB431" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-yellow-light.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="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Yellow (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#AD8301"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#AD8301"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#AD8301"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#BE9207" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/preview-yellow.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#100F0F"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Yellow (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#D0A215"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#D0A215"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
+  <circle cx="148" cy="166" r="9" fill="#D14D41"/>
+  <circle cx="172" cy="166" r="9" fill="#DA702C"/>
+  <circle cx="196" cy="166" r="9" fill="#D0A215"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#DFB431" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#FFFCF0"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Yellow (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#AD8301"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#AD8301"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
+  <circle cx="148" cy="166" r="9" fill="#AF3029"/>
+  <circle cx="172" cy="166" r="9" fill="#BC5215"/>
+  <circle cx="196" cy="166" r="9" fill="#AD8301"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#BE9207" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/flexoki/theme.json

@@ -0,0 +1,173 @@
+{
+  "id": "flexoki",
+  "name": "Flexoki",
+  "version": "1.0.0",
+  "author": "Euan Deas",
+  "description": "Inky color scheme for prose and code by Steph Ango",
+  "dark": {
+    "primaryText": "#100F0F",
+    "primaryContainer": "#205EA6",
+    "surface": "#100F0F",
+    "surfaceText": "#CECDC3",
+    "surfaceVariant": "#100F0F",
+    "surfaceVariantText": "#CECDC3",
+    "background": "#100F0F",
+    "backgroundText": "#CECDC3",
+    "outline": "#575653",
+    "surfaceContainer": "#1C1B1A",
+    "surfaceContainerHigh": "#282726",
+    "surfaceContainerHighest": "#343331",
+    "error": "#D14D41",
+    "warning": "#DA702C"
+  },
+  "light": {
+    "primaryText": "#CECDC3",
+    "primaryContainer": "#163B66",
+    "surface": "#FFFCF0",
+    "surfaceText": "#100F0F",
+    "surfaceVariant": "#FFFCF0",
+    "surfaceVariantText": "#100F0F",
+    "background": "#FFFCF0",
+    "backgroundText": "#100F0F",
+    "outline": "#B7B5AC",
+    "surfaceContainer": "#F2F0E5",
+    "surfaceContainerHigh": "#E6E4D9",
+    "surfaceContainerHighest": "#DAD8CE",
+    "error": "#AF3029",
+    "warning": "#BC5215"
+  },
+  "variants": {
+    "default": "blue",
+    "options": [
+      {
+        "id": "blue",
+        "name": "Blue",
+        "dark": {
+          "primary": "#4385BE",
+          "secondary": "#4385BE",
+          "surfaceTint": "#66A0C8",
+          "info": "#4385BE"
+        },
+        "light": {
+          "primary": "#205EA6",
+          "secondary": "#205EA6",
+          "surfaceTint": "#3171B2",
+          "info": "#205EA6"
+        }
+      },
+      {
+        "id": "red",
+        "name": "Red",
+        "dark": {
+          "primary": "#D14D41",
+          "secondary": "#D14D41",
+          "surfaceTint": "#E8705F",
+          "info": "#D14D41"
+        },
+        "light": {
+          "primary": "#AF3029",
+          "secondary": "#AF3029",
+          "surfaceTint": "#C03E35",
+          "info": "#AF3029"
+        }
+      },
+      {
+        "id": "orange",
+        "name": "Orange",
+        "dark": {
+          "primary": "#DA702C",
+          "secondary": "#DA702C",
+          "surfaceTint": "#EC8B49",
+          "info": "#DA702C"
+        },
+        "light": {
+          "primary": "#BC5215",
+          "secondary": "#BC5215",
+          "surfaceTint": "#CB6120",
+          "info": "#BC5215"
+        }
+      },
+      {
+        "id": "yellow",
+        "name": "Yellow",
+        "dark": {
+          "primary": "#D0A215",
+          "secondary": "#D0A215",
+          "surfaceTint": "#DFB431",
+          "info": "#D0A215"
+        },
+        "light": {
+          "primary": "#AD8301",
+          "secondary": "#AD8301",
+          "surfaceTint": "#BE9207",
+          "info": "#AD8301"
+        }
+      },
+      {
+        "id": "green",
+        "name": "Green",
+        "dark": {
+          "primary": "#879A39",
+          "secondary": "#879A39",
+          "surfaceTint": "#A0AF54",
+          "info": "#879A39"
+        },
+        "light": {
+          "primary": "#66800B",
+          "secondary": "#66800B",
+          "surfaceTint": "#768D21",
+          "info": "#66800B"
+        }
+      },
+      {
+        "id": "cyan",
+        "name": "Cyan",
+        "dark": {
+          "primary": "#3AA99F",
+          "secondary": "#3AA99F",
+          "surfaceTint": "#5ABDAC",
+          "info": "#3AA99F"
+        },
+        "light": {
+          "primary": "#24837B",
+          "secondary": "#24837B",
+          "surfaceTint": "#2F968D",
+          "info": "#24837B"
+        }
+      },
+      {
+        "id": "purple",
+        "name": "Purple",
+        "dark": {
+          "primary": "#8B7EC8",
+          "secondary": "#8B7EC8",
+          "surfaceTint": "#A699D0",
+          "info": "#8B7EC8"
+        },
+        "light": {
+          "primary": "#5E409D",
+          "secondary": "#5E409D",
+          "surfaceTint": "#735EB5",
+          "info": "#5E409D"
+        }
+      },
+      {
+        "id": "magenta",
+        "name": "Magenta",
+        "dark": {
+          "primary": "#CE5D97",
+          "secondary": "#CE5D97",
+          "surfaceTint": "#E47DA8",
+          "info": "#CE5D97"
+        },
+        "light": {
+          "primary": "#A02F6F",
+          "secondary": "#A02F6F",
+          "surfaceTint": "#B74583",
+          "info": "#A02F6F"
+        }
+      }
+    ]
+  },
+  "sourceDir": "flexoki"
+}

DankMaterialShell/themes/gruvboxMaterial/preview-dark.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="#282828"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1b1b1b"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#32302f"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ddc7a1">Gruvbox Material Medium (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#45403d"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ddc7a1">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#a89984">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a8b665"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1b1b1b">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#d7a657"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#32302f"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#282828"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#32302f"/>
+  <circle cx="148" cy="166" r="9" fill="#e96962"/>
+  <circle cx="172" cy="166" r="9" fill="#e68a4e"/>
+  <circle cx="196" cy="166" r="9" fill="#d7a657"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3b4439" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gruvboxMaterial/preview-hard-dark.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="#1d2021"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#141617"/>
+  <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="#ddc7a1">Gruvbox Material Hard (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="#ddc7a1">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#a89984">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a8b665"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#141617">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#d7a657"/>
+  <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="#1d2021"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#282828"/>
+  <circle cx="148" cy="166" r="9" fill="#e96962"/>
+  <circle cx="172" cy="166" r="9" fill="#e68a4e"/>
+  <circle cx="196" cy="166" r="9" fill="#d7a657"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#333e34" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gruvboxMaterial/preview-hard-light.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="#f9f5d7"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#f3eac7"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f5edca"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#4e3829">Gruvbox Material Hard (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e5bc"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#4e3829">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#7c6f64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6b782e"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f3eac7">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#b37109"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f5edca"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f9f5d7"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f5edca"/>
+  <circle cx="148" cy="166" r="9" fill="#c04a4a"/>
+  <circle cx="172" cy="166" r="9" fill="#c25e0a"/>
+  <circle cx="196" cy="166" r="9" fill="#b37109"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#dde5c2" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gruvboxMaterial/preview-hard.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#1d2021"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#141617"/>
+  <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="#ddc7a1">Gruvbox Material Hard (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="#ddc7a1">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#a89984">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a8b665"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#141617">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#d7a657"/>
+  <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="#1d2021"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#282828"/>
+  <circle cx="148" cy="166" r="9" fill="#e96962"/>
+  <circle cx="172" cy="166" r="9" fill="#e68a4e"/>
+  <circle cx="196" cy="166" r="9" fill="#d7a657"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#333e34" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#f9f5d7"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#f3eac7"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f5edca"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#4e3829">Gruvbox Material Hard (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e5bc"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#4e3829">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#7c6f64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6b782e"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f3eac7">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#b37109"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f5edca"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f9f5d7"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f5edca"/>
+  <circle cx="148" cy="166" r="9" fill="#c04a4a"/>
+  <circle cx="172" cy="166" r="9" fill="#c25e0a"/>
+  <circle cx="196" cy="166" r="9" fill="#b37109"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#dde5c2" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gruvboxMaterial/preview-light.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="#fbf1c7"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#f2e5bc"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f4e8be"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#4e3829">Gruvbox Material Medium (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#eee0b7"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#4e3829">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#7c6f64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6b782e"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f2e5bc">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#b37109"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f4e8be"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#fbf1c7"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f4e8be"/>
+  <circle cx="148" cy="166" r="9" fill="#c04a4a"/>
+  <circle cx="172" cy="166" r="9" fill="#c25e0a"/>
+  <circle cx="196" cy="166" r="9" fill="#b37109"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#dee2b6" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gruvboxMaterial/preview-medium-dark.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="#282828"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1b1b1b"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#32302f"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ddc7a1">Gruvbox Material Medium (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#45403d"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ddc7a1">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#a89984">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a8b665"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1b1b1b">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#d7a657"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#32302f"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#282828"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#32302f"/>
+  <circle cx="148" cy="166" r="9" fill="#e96962"/>
+  <circle cx="172" cy="166" r="9" fill="#e68a4e"/>
+  <circle cx="196" cy="166" r="9" fill="#d7a657"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3b4439" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gruvboxMaterial/preview-medium-light.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="#fbf1c7"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#f2e5bc"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f4e8be"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#4e3829">Gruvbox Material Medium (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#eee0b7"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#4e3829">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#7c6f64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6b782e"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f2e5bc">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#b37109"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f4e8be"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#fbf1c7"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f4e8be"/>
+  <circle cx="148" cy="166" r="9" fill="#c04a4a"/>
+  <circle cx="172" cy="166" r="9" fill="#c25e0a"/>
+  <circle cx="196" cy="166" r="9" fill="#b37109"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#dee2b6" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gruvboxMaterial/preview-medium.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#282828"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1b1b1b"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#32302f"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ddc7a1">Gruvbox Material Medium (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#45403d"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ddc7a1">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#a89984">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a8b665"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1b1b1b">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#d7a657"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#32302f"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#282828"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#32302f"/>
+  <circle cx="148" cy="166" r="9" fill="#e96962"/>
+  <circle cx="172" cy="166" r="9" fill="#e68a4e"/>
+  <circle cx="196" cy="166" r="9" fill="#d7a657"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3b4439" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#fbf1c7"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#f2e5bc"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f4e8be"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#4e3829">Gruvbox Material Medium (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#eee0b7"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#4e3829">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#7c6f64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6b782e"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f2e5bc">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#b37109"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f4e8be"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#fbf1c7"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f4e8be"/>
+  <circle cx="148" cy="166" r="9" fill="#c04a4a"/>
+  <circle cx="172" cy="166" r="9" fill="#c25e0a"/>
+  <circle cx="196" cy="166" r="9" fill="#b37109"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#dee2b6" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gruvboxMaterial/preview-soft-dark.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="#32302f"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#252423"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#3c3836"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ddc7a1">Gruvbox Material Soft (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#504945"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ddc7a1">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#a89984">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a8b665"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#252423">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#d7a657"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#3c3836"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#32302f"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#3c3836"/>
+  <circle cx="148" cy="166" r="9" fill="#e96962"/>
+  <circle cx="172" cy="166" r="9" fill="#e68a4e"/>
+  <circle cx="196" cy="166" r="9" fill="#d7a657"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#424a3e" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gruvboxMaterial/preview-soft-light.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="#f2e5bc"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ebdbb2"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#eddeb5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#4e3829">Gruvbox Material Soft (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#e6d5ae"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#4e3829">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#7c6f64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6b782e"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ebdbb2">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#b37109"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#eddeb5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2e5bc"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#eddeb5"/>
+  <circle cx="148" cy="166" r="9" fill="#c04a4a"/>
+  <circle cx="172" cy="166" r="9" fill="#c25e0a"/>
+  <circle cx="196" cy="166" r="9" fill="#b37109"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#d7d9ae" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gruvboxMaterial/preview-soft.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
+  <g transform="translate(0, 0)">
+  <rect width="240" height="240" fill="#32302f"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#252423"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#3c3836"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ddc7a1">Gruvbox Material Soft (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#504945"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ddc7a1">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#a89984">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#a8b665"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#252423">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#d7a657"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#3c3836"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#32302f"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#3c3836"/>
+  <circle cx="148" cy="166" r="9" fill="#e96962"/>
+  <circle cx="172" cy="166" r="9" fill="#e68a4e"/>
+  <circle cx="196" cy="166" r="9" fill="#d7a657"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#424a3e" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ddc7a1">Surface Tint Overlay</text>
+</g>
+  <rect x="240" y="0" width="4" height="240" fill="#888"/>
+  <g transform="translate(244, 0)">
+  <rect width="240" height="240" fill="#f2e5bc"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ebdbb2"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#eddeb5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#4e3829">Gruvbox Material Soft (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#e6d5ae"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#4e3829">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#7c6f64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6b782e"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ebdbb2">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#b37109"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#eddeb5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2e5bc"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#eddeb5"/>
+  <circle cx="148" cy="166" r="9" fill="#c04a4a"/>
+  <circle cx="172" cy="166" r="9" fill="#c25e0a"/>
+  <circle cx="196" cy="166" r="9" fill="#b37109"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#d7d9ae" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4e3829">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gruvboxMaterial/theme.json

@@ -0,0 +1,109 @@
+{
+  "id": "gruvboxMaterial",
+  "name": "Gruvbox Material",
+  "version": "1.0.0",
+  "author": "fontaine",
+  "description": "Material version of the popular Gruvbox theme with retro groove colors",
+  "dark": {
+    "primary": "#a8b665",
+    "primaryContainer": "#555c34",
+    "secondary": "#d7a657",
+    "surfaceText": "#ddc7a1",
+    "surfaceVariantText": "#d4be98",
+    "backgroundText": "#ddc7a1",
+    "outline": "#a89984",
+    "error": "#e96962",
+    "warning": "#e68a4e",
+    "info": "#d7a657"
+  },
+  "light": {
+    "primary": "#6b782e",
+    "primaryContainer": "#6f8352",
+    "secondary": "#b37109",
+    "surfaceText": "#4e3829",
+    "surfaceVariantText": "#644735",
+    "backgroundText": "#4e3829",
+    "outline": "#7c6f64",
+    "error": "#c04a4a",
+    "warning": "#c25e0a",
+    "info": "#b37109"
+  },
+  "variants": {
+    "default": "medium",
+    "options": [
+      {
+        "id": "hard",
+        "name": "Hard",
+        "dark": {
+          "primaryText": "#141617",
+          "surface": "#141617",
+          "surfaceVariant": "#1d2021",
+          "surfaceTint": "#333e34",
+          "background": "#1d2021",
+          "surfaceContainer": "#282828",
+          "surfaceContainerHigh": "#3c3836",
+          "surfaceContainerHighest": "#504945"
+        },
+        "light": {
+          "primaryText": "#f3eac7",
+          "surface": "#f3eac7",
+          "surfaceVariant": "#f9f5d7",
+          "surfaceTint": "#dde5c2",
+          "background": "#f9f5d7",
+          "surfaceContainer": "#f5edca",
+          "surfaceContainerHigh": "#f2e5bc",
+          "surfaceContainerHighest": "#ebdbb2"
+        }
+      },
+      {
+        "id": "medium",
+        "name": "Medium",
+        "dark": {
+          "primaryText": "#1b1b1b",
+          "surface": "#1b1b1b",
+          "surfaceVariant": "#282828",
+          "surfaceTint": "#3b4439",
+          "background": "#282828",
+          "surfaceContainer": "#32302f",
+          "surfaceContainerHigh": "#45403d",
+          "surfaceContainerHighest": "#5a524c"
+        },
+        "light": {
+          "primaryText": "#f2e5bc",
+          "surface": "#f2e5bc",
+          "surfaceVariant": "#fbf1c7",
+          "surfaceTint": "#dee2b6",
+          "background": "#fbf1c7",
+          "surfaceContainer": "#f4e8be",
+          "surfaceContainerHigh": "#eee0b7",
+          "surfaceContainerHighest": "#ddccab"
+        }
+      },
+      {
+        "id": "soft",
+        "name": "Soft",
+        "dark": {
+          "primaryText": "#252423",
+          "surface": "#252423",
+          "surfaceVariant": "#32302f",
+          "surfaceTint": "#424a3e",
+          "background": "#32302f",
+          "surfaceContainer": "#3c3836",
+          "surfaceContainerHigh": "#504945",
+          "surfaceContainerHighest": "#665c54"
+        },
+        "light": {
+          "primaryText": "#ebdbb2",
+          "surface": "#ebdbb2",
+          "surfaceVariant": "#f2e5bc",
+          "surfaceTint": "#d7d9ae",
+          "background": "#f2e5bc",
+          "surfaceContainer": "#eddeb5",
+          "surfaceContainerHigh": "#e6d5ae",
+          "surfaceContainerHighest": "#d5c4a1"
+        }
+      }
+    ]
+  },
+  "sourceDir": "gruvbox-material"
+}

DankMaterialShell/themes/kanagawaWl/preview-dark.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="#16161d"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1f1f28"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#223249"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#dcd7ba">Kanagawa-wave-lotus (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#2d4f67"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#dcd7ba">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#dcd7ba">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#7fb4ca"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1f1f28">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#938aa9"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#223249"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#16161d"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#dcd7ba">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#223249"/>
+  <circle cx="148" cy="166" r="9" fill="#e82424"/>
+  <circle cx="172" cy="166" r="9" fill="#ff9e3b"/>
+  <circle cx="196" cy="166" r="9" fill="#7fb4ca"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#7fb4ca" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#dcd7ba">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/kanagawaWl/preview-light.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="#f2ecbc"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#f2ecbc"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#e7dfb1"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1f1f28">Kanagawa-wave-lotus (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#ddd39a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1f1f28">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#c84053">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#c84053"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1f1f28">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#6f894e"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#e7dfb1"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2ecbc"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1f1f28">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#e7dfb1"/>
+  <circle cx="148" cy="166" r="9" fill="#c84053"/>
+  <circle cx="172" cy="166" r="9" fill="#dca561"/>
+  <circle cx="196" cy="166" r="9" fill="#658594"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#c84053" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1f1f28">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/kanagawaWl/theme.json

@@ -0,0 +1,46 @@
+{
+  "id": "kanagawaWl",
+  "name": "Kanagawa-wave-lotus",
+  "version": "1.0.0",
+  "author": "wirus",
+  "description": "Kanagawa theme using Lotus for light mode and Wave for dark mode.",
+  "dark": {
+    "primary": "#7fb4ca",
+    "primaryText": "#1f1f28",
+    "primaryContainer": "#223249",
+    "secondary": "#938aa9",
+    "surface": "#1f1f28",
+    "surfaceText": "#dcd7ba",
+    "surfaceVariant": "#2a2a37",
+    "surfaceVariantText": "#c8c093",
+    "surfaceTint": "#7fb4ca",
+    "background": "#16161d",
+    "backgroundText": "#dcd7ba",
+    "outline": "#dcd7ba",
+    "surfaceContainer": "#223249",
+    "surfaceContainerHigh": "#2d4f67",
+    "error": "#e82424",
+    "warning": "#ff9e3b",
+    "info": "#7fb4ca"
+  },
+  "light": {
+    "primary": "#c84053",
+    "primaryText": "#1f1f28",
+    "primaryContainer": "#e98a9e",
+    "secondary": "#6f894e",
+    "surface": "#f2ecbc",
+    "surfaceText": "#1f1f28",
+    "surfaceVariant": "#e4dca3",
+    "surfaceVariantText": "#2a2a37",
+    "surfaceTint": "#c84053",
+    "background": "#f2ecbc",
+    "backgroundText": "#1f1f28",
+    "outline": "#c84053",
+    "surfaceContainer": "#e7dfb1",
+    "surfaceContainerHigh": "#ddd39a",
+    "error": "#c84053",
+    "warning": "#dca561",
+    "info": "#658594"
+  },
+  "sourceDir": "kanagawa-wl"
+}

DankMaterialShell/themes/retrobox/preview-dark.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="#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>

DankMaterialShell/themes/retrobox/preview-light.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>

DankMaterialShell/themes/retrobox/theme.json

@@ -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"
+}

DankMaterialShell/themes/tokyoNight/preview-dark.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="#16161e"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1a1b26"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#2f3549"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#73daca">Tokyo Night (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#444b6a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#73daca">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#787c99">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#7aa2f7"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#16161e">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#bb9af7"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#2f3549"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#16161e"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d5d6db">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#2f3549"/>
+  <circle cx="148" cy="166" r="9" fill="#f7768e"/>
+  <circle cx="172" cy="166" r="9" fill="#ff9e64"/>
+  <circle cx="196" cy="166" r="9" fill="#7dcfff"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#7aa2f7" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#73daca">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/tokyoNight/preview-light.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="#cbccd1"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#e1e2e7"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#dfe0e5"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#387068">Tokyo Night (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#9699a3"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#387068">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#4c505e">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#2e7de9"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d0d5e3">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#9854f1"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#dfe0e5"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#cbccd1"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1a1b26">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#dfe0e5"/>
+  <circle cx="148" cy="166" r="9" fill="#f52a65"/>
+  <circle cx="172" cy="166" r="9" fill="#b15c00"/>
+  <circle cx="196" cy="166" r="9" fill="#007197"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#2e7de9" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#387068">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/tokyoNight/theme.json

@@ -0,0 +1,46 @@
+{
+  "id": "tokyoNight",
+  "name": "Tokyo Night",
+  "version": "1.0.0",
+  "author": "Avenge Media",
+  "description": "Popular Tokyo Night color scheme with vibrant blues and purples",
+  "dark": {
+    "primary": "#7aa2f7",
+    "primaryText": "#16161e",
+    "primaryContainer": "#7dcfff",
+    "secondary": "#bb9af7",
+    "surface": "#1a1b26",
+    "surfaceText": "#73daca",
+    "surfaceVariant": "#2f3549",
+    "surfaceVariantText": "#cbccd1",
+    "surfaceTint": "#7aa2f7",
+    "background": "#16161e",
+    "backgroundText": "#d5d6db",
+    "outline": "#787c99",
+    "surfaceContainer": "#2f3549",
+    "surfaceContainerHigh": "#444b6a",
+    "error": "#f7768e",
+    "warning": "#ff9e64",
+    "info": "#7dcfff"
+  },
+  "light": {
+    "primary": "#2e7de9",
+    "primaryText": "#d0d5e3",
+    "primaryContainer": "#007197",
+    "secondary": "#9854f1",
+    "surface": "#e1e2e7",
+    "surfaceText": "#387068",
+    "surfaceVariant": "#c4c8da",
+    "surfaceVariantText": "#1a1b26",
+    "surfaceTint": "#2e7de9",
+    "background": "#cbccd1",
+    "backgroundText": "#1a1b26",
+    "outline": "#4c505e",
+    "surfaceContainer": "#dfe0e5",
+    "surfaceContainerHigh": "#9699a3",
+    "error": "#f52a65",
+    "warning": "#b15c00",
+    "info": "#007197"
+  },
+  "sourceDir": "tokyonight"
+}

DankMaterialShell/themes/tokyoNightDark/preview-dark.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="#16161e"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1a1b26"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1a1b26"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#a9b1d6">TokyoNight Dark (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#1f2335"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#a9b1d6">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#565f89">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#7dcfff"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1a1b26">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#bb9af7"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1a1b26"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#16161e"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#c0caf5">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1a1b26"/>
+  <circle cx="148" cy="166" r="9" fill="#f7768e"/>
+  <circle cx="172" cy="166" r="9" fill="#e0af68"/>
+  <circle cx="196" cy="166" r="9" fill="#7aa2f7"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#89b4fa" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#a9b1d6">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/tokyoNightDark/preview-light.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="#fdfdff"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#f7f8fc"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f4fa"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1b1e2b">TokyoNight Dark (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#e9ecf6"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1b1e2b">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#9a9dab">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#2f7fd6"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f8fbff">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#a78bfa"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f4fa"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#fdfdff"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#111322">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f4fa"/>
+  <circle cx="148" cy="166" r="9" fill="#ff5c7a"/>
+  <circle cx="172" cy="166" r="9" fill="#f4b860"/>
+  <circle cx="196" cy="166" r="9" fill="#1f5f8b"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#4f93e6" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1b1e2b">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/tokyoNightDark/theme.json

@@ -0,0 +1,46 @@
+{
+  "id": "tokyoNightDark",
+  "name": "TokyoNight Dark",
+  "version": "1.0.0",
+  "author": "irunatbullets",
+  "description": "A TokyoNight Dark variant.",
+  "dark": {
+    "primary": "#7dcfff",
+    "primaryText": "#1a1b26",
+    "primaryContainer": "#2f334d",
+    "secondary": "#bb9af7",
+    "surface": "#1a1b26",
+    "surfaceText": "#a9b1d6",
+    "surfaceVariant": "#24283b",
+    "surfaceVariantText": "#9aa5ce",
+    "surfaceTint": "#89b4fa",
+    "background": "#16161e",
+    "backgroundText": "#c0caf5",
+    "outline": "#565f89",
+    "surfaceContainer": "#1a1b26",
+    "surfaceContainerHigh": "#1f2335",
+    "error": "#f7768e",
+    "warning": "#e0af68",
+    "info": "#7aa2f7"
+  },
+  "light": {
+    "primary": "#2f7fd6",
+    "primaryText": "#f8fbff",
+    "primaryContainer": "#cfe4ff",
+    "secondary": "#a78bfa",
+    "surface": "#f7f8fc",
+    "surfaceText": "#1b1e2b",
+    "surfaceVariant": "#eef1f8",
+    "surfaceVariantText": "#4b556a",
+    "surfaceTint": "#4f93e6",
+    "background": "#fdfdff",
+    "backgroundText": "#111322",
+    "outline": "#9a9dab",
+    "surfaceContainer": "#f2f4fa",
+    "surfaceContainerHigh": "#e9ecf6",
+    "error": "#ff5c7a",
+    "warning": "#f4b860",
+    "info": "#1f5f8b"
+  },
+  "sourceDir": "tokyonight-dark"
+}