updated to include themes

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>