added more wallpapers

added default config with hint to change it, default config is a copy of a minimal bar config, so you can get the same config without hints.

DankMaterialShell/firefox.css

@@ -1,51 +1,51 @@
 @media -moz-pref("userChrome.theme-material") {
   :root {
-    --md-sys-color-primary: #33618d;
-    --md-sys-color-surface-tint: #33618d;
+    --md-sys-color-primary: #0062a0;
+    --md-sys-color-surface-tint: #0062a0;
     --md-sys-color-on-primary: #ffffff;
     --md-sys-color-primary-container: #d0e4ff;
     --md-sys-color-on-primary-container: #001d35;
-    --md-sys-color-secondary: #526070;
+    --md-sys-color-secondary: #515e7d;
     --md-sys-color-on-secondary: #ffffff;
-    --md-sys-color-secondary-container: #d6e4f7;
-    --md-sys-color-on-secondary-container: #0f1d2a;
-    --md-sys-color-tertiary: #6a5779;
+    --md-sys-color-secondary-container: #d8e2ff;
+    --md-sys-color-on-secondary-container: #0c1b36;
+    --md-sys-color-tertiary: #565b8b;
     --md-sys-color-on-tertiary: #ffffff;
-    --md-sys-color-tertiary-container: #f1dbff;
-    --md-sys-color-on-tertiary-container: #241532;
+    --md-sys-color-tertiary-container: #e0e0ff;
+    --md-sys-color-on-tertiary-container: #121644;
     --md-sys-color-error: #ba1a1a;
     --md-sys-color-on-error: #ffffff;
     --md-sys-color-error-container: #ffdad6;
     --md-sys-color-on-error-container: #410002;
     --md-sys-color-background: #f8f9ff;
-    --md-sys-color-on-background: #191c20;
+    --md-sys-color-on-background: #151c24;
     --md-sys-color-surface: #f8f9ff;
-    --md-sys-color-on-surface: #191c20;
-    --md-sys-color-surface-variant: #dfe3eb;
-    --md-sys-color-on-surface-variant: #42474e;
-    --md-sys-color-outline: #73777f;
-    --md-sys-color-outline-variant: #c2c7cf;
+    --md-sys-color-on-surface: #151c24;
+    --md-sys-color-surface-variant: #dde3ee;
+    --md-sys-color-on-surface-variant: #414750;
+    --md-sys-color-outline: #717881;
+    --md-sys-color-outline-variant: #c0c7d2;
     --md-sys-color-shadow: #000000;
     --md-sys-color-scrim: #000000;
-    --md-sys-color-inverse-surface: #2d3135;
-    --md-sys-color-inverse-on-surface: #eff0f7;
-    --md-sys-color-inverse-primary: #9ecafc;
+    --md-sys-color-inverse-surface: #2a3139;
+    --md-sys-color-inverse-on-surface: #ebf1fc;
+    --md-sys-color-inverse-primary: #9bcaff;
     --md-sys-color-primary-fixed: #d0e4ff;
     --md-sys-color-on-primary-fixed: #001d35;
-    --md-sys-color-primary-fixed-dim: #9ecafc;
-    --md-sys-color-on-primary-fixed-variant: #154974;
-    --md-sys-color-secondary-fixed: #d6e4f7;
-    --md-sys-color-on-secondary-fixed: #0f1d2a;
-    --md-sys-color-secondary-fixed-dim: #bac8db;
-    --md-sys-color-on-secondary-fixed-variant: #3b4857;
-    --md-sys-color-tertiary-fixed: #f1dbff;
-    --md-sys-color-on-tertiary-fixed: #241532;
-    --md-sys-color-tertiary-fixed-dim: #d5bee5;
-    --md-sys-color-on-tertiary-fixed-variant: #514060;
-    --md-sys-color-surface-dim: #d8dae0;
+    --md-sys-color-primary-fixed-dim: #9bcaff;
+    --md-sys-color-on-primary-fixed-variant: #00497a;
+    --md-sys-color-secondary-fixed: #d8e2ff;
+    --md-sys-color-on-secondary-fixed: #0c1b36;
+    --md-sys-color-secondary-fixed-dim: #b8c6ea;
+    --md-sys-color-on-secondary-fixed-variant: #394664;
+    --md-sys-color-tertiary-fixed: #e0e0ff;
+    --md-sys-color-on-tertiary-fixed: #121644;
+    --md-sys-color-tertiary-fixed-dim: #bfc2fa;
+    --md-sys-color-on-tertiary-fixed-variant: #3e4372;
+    --md-sys-color-surface-dim: #d4dae5;
     --md-sys-color-surface-bright: #f8f9ff;
     --md-sys-color-surface-container-lowest: #ffffff;
-    --md-sys-color-surface-container-low: #f2f3f9;
+    --md-sys-color-surface-container-low: #eef4ff;
     --md-sys-color-surface-container: #f8f9ff;
     --md-sys-color-surface-container-high: #f8f9ff;
     --md-sys-color-surface-container-highest: #f8f9ff;
@@ -68,55 +68,55 @@
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --md-sys-color-primary: #9ecafc;
-    --md-sys-color-surface-tint: #9ecafc;
+    --md-sys-color-primary: #9bcaff;
+    --md-sys-color-surface-tint: #9bcaff;
     --md-sys-color-on-primary: #003256;
-    --md-sys-color-primary-container: #154974;
+    --md-sys-color-primary-container: #00497a;
     --md-sys-color-on-primary-container: #d0e4ff;
-    --md-sys-color-secondary: #bac8db;
-    --md-sys-color-on-secondary: #243140;
-    --md-sys-color-secondary-container: #3b4857;
-    --md-sys-color-on-secondary-container: #d6e4f7;
-    --md-sys-color-tertiary: #d5bee5;
-    --md-sys-color-on-tertiary: #3a2a48;
-    --md-sys-color-tertiary-container: #514060;
-    --md-sys-color-on-tertiary-container: #f1dbff;
+    --md-sys-color-secondary: #b8c6ea;
+    --md-sys-color-on-secondary: #22304c;
+    --md-sys-color-secondary-container: #394664;
+    --md-sys-color-on-secondary-container: #d8e2ff;
+    --md-sys-color-tertiary: #bfc2fa;
+    --md-sys-color-on-tertiary: #282c5a;
+    --md-sys-color-tertiary-container: #3e4372;
+    --md-sys-color-on-tertiary-container: #e0e0ff;
     --md-sys-color-error: #ffb4ab;
     --md-sys-color-on-error: #690005;
     --md-sys-color-error-container: #93000a;
     --md-sys-color-on-error-container: #ffdad6;
-    --md-sys-color-background: #101418;
-    --md-sys-color-on-background: #e0e2e8;
-    --md-sys-color-surface: #101418;
-    --md-sys-color-on-surface: #e0e2e8;
-    --md-sys-color-surface-variant: #42474e;
-    --md-sys-color-on-surface-variant: #c2c7cf;
-    --md-sys-color-outline: #8c9199;
-    --md-sys-color-outline-variant: #42474e;
+    --md-sys-color-background: #0d141c;
+    --md-sys-color-on-background: #dde3ee;
+    --md-sys-color-surface: #0d141c;
+    --md-sys-color-on-surface: #dde3ee;
+    --md-sys-color-surface-variant: #414750;
+    --md-sys-color-on-surface-variant: #c0c7d2;
+    --md-sys-color-outline: #8b919b;
+    --md-sys-color-outline-variant: #414750;
     --md-sys-color-shadow: #000000;
     --md-sys-color-scrim: #000000;
-    --md-sys-color-inverse-surface: #e0e2e8;
-    --md-sys-color-inverse-on-surface: #2d3135;
-    --md-sys-color-inverse-primary: #33618d;
+    --md-sys-color-inverse-surface: #dde3ee;
+    --md-sys-color-inverse-on-surface: #2a3139;
+    --md-sys-color-inverse-primary: #0062a0;
     --md-sys-color-primary-fixed: #d0e4ff;
     --md-sys-color-on-primary-fixed: #001d35;
-    --md-sys-color-primary-fixed-dim: #9ecafc;
-    --md-sys-color-on-primary-fixed-variant: #154974;
-    --md-sys-color-secondary-fixed: #d6e4f7;
-    --md-sys-color-on-secondary-fixed: #0f1d2a;
-    --md-sys-color-secondary-fixed-dim: #bac8db;
-    --md-sys-color-on-secondary-fixed-variant: #3b4857;
-    --md-sys-color-tertiary-fixed: #f1dbff;
-    --md-sys-color-on-tertiary-fixed: #241532;
-    --md-sys-color-tertiary-fixed-dim: #d5bee5;
-    --md-sys-color-on-tertiary-fixed-variant: #514060;
-    --md-sys-color-surface-dim: #101418;
-    --md-sys-color-surface-bright: #36393e;
-    --md-sys-color-surface-container-lowest: #0b0e12;
-    --md-sys-color-surface-container-low: #191c20;
-    --md-sys-color-surface-container: #1d2024;
-    --md-sys-color-surface-container-high: #272a2f;
-    --md-sys-color-surface-container-highest: #32353a;
+    --md-sys-color-primary-fixed-dim: #9bcaff;
+    --md-sys-color-on-primary-fixed-variant: #00497a;
+    --md-sys-color-secondary-fixed: #d8e2ff;
+    --md-sys-color-on-secondary-fixed: #0c1b36;
+    --md-sys-color-secondary-fixed-dim: #b8c6ea;
+    --md-sys-color-on-secondary-fixed-variant: #394664;
+    --md-sys-color-tertiary-fixed: #e0e0ff;
+    --md-sys-color-on-tertiary-fixed: #121644;
+    --md-sys-color-tertiary-fixed-dim: #bfc2fa;
+    --md-sys-color-on-tertiary-fixed-variant: #3e4372;
+    --md-sys-color-surface-dim: #0d141c;
+    --md-sys-color-surface-bright: #333a42;
+    --md-sys-color-surface-container-lowest: #080f16;
+    --md-sys-color-surface-container-low: #151c24;
+    --md-sys-color-surface-container: #192028;
+    --md-sys-color-surface-container-high: #242b33;
+    --md-sys-color-surface-container-highest: #2f353e;
 
     --m3-elev-1: 0 1px 2px rgba(0,0,0,.50), 0 1px 3px rgba(0,0,0,.35);
     --m3-elev-2: 0 4px 10px rgba(0,0,0,.55), 0 1px 3px rgba(0,0,0,.35);

DankMaterialShell/old.json

@@ -0,0 +1,962 @@
+{
+  "currentThemeName": "custom",
+  "currentThemeCategory": "registry",
+  "customThemeFile": "/home/den/.config/DankMaterialShell/themes/catppuccin/theme.json",
+  "registryThemeVariants": {
+    "rosePine": "rosePine",
+    "catppuccin": {
+      "dark": {
+        "flavor": "mocha",
+        "accent": "yellow"
+      }
+    },
+    "everforest": "hard",
+    "flexoki": "orange",
+    "gruvboxMaterial": "soft"
+  },
+  "matugenScheme": "scheme-tonal-spot",
+  "runUserMatugenTemplates": true,
+  "matugenTargetMonitor": "",
+  "popupTransparency": 1,
+  "dockTransparency": 1,
+  "widgetBackgroundColor": "sch",
+  "widgetColorMode": "colorful",
+  "controlCenterTileColorMode": "primary",
+  "buttonColorMode": "primary",
+  "cornerRadius": 12,
+  "niriLayoutGapsOverride": -1,
+  "niriLayoutRadiusOverride": -1,
+  "niriLayoutBorderSize": -1,
+  "hyprlandLayoutGapsOverride": -1,
+  "hyprlandLayoutRadiusOverride": -1,
+  "hyprlandLayoutBorderSize": -1,
+  "mangoLayoutGapsOverride": -1,
+  "mangoLayoutRadiusOverride": -1,
+  "mangoLayoutBorderSize": -1,
+  "use24HourClock": true,
+  "showSeconds": false,
+  "padHours12Hour": false,
+  "useFahrenheit": false,
+  "windSpeedUnit": "kmh",
+  "nightModeEnabled": false,
+  "animationSpeed": 1,
+  "customAnimationDuration": 200,
+  "syncComponentAnimationSpeeds": true,
+  "popoutAnimationSpeed": 1,
+  "popoutCustomAnimationDuration": 150,
+  "modalAnimationSpeed": 1,
+  "modalCustomAnimationDuration": 150,
+  "enableRippleEffects": true,
+  "blurEnabled": false,
+  "blurForegroundLayers": true,
+  "blurLayerOutlineOpacity": 0.12,
+  "blurBorderColor": "outline",
+  "blurBorderCustomColor": "#ffffff",
+  "blurBorderOpacity": 0.35,
+  "wallpaperFillMode": "Fill",
+  "blurredWallpaperLayer": false,
+  "blurWallpaperOnOverview": false,
+  "showLauncherButton": true,
+  "showWorkspaceSwitcher": true,
+  "showFocusedWindow": true,
+  "showWeather": true,
+  "showMusic": true,
+  "showClipboard": true,
+  "showCpuUsage": true,
+  "showMemUsage": true,
+  "showCpuTemp": true,
+  "showGpuTemp": true,
+  "selectedGpuIndex": 0,
+  "enabledGpuPciIds": [],
+  "showSystemTray": true,
+  "systemTrayIconTintMode": "primary",
+  "systemTrayIconTintSaturation": 50,
+  "systemTrayIconTintStrength": 135,
+  "showClock": true,
+  "showNotificationButton": true,
+  "showBattery": true,
+  "showControlCenterButton": true,
+  "showCapsLockIndicator": true,
+  "controlCenterShowNetworkIcon": true,
+  "controlCenterShowBluetoothIcon": true,
+  "controlCenterShowAudioIcon": true,
+  "controlCenterShowAudioPercent": false,
+  "controlCenterShowVpnIcon": true,
+  "controlCenterShowBrightnessIcon": false,
+  "controlCenterShowBrightnessPercent": false,
+  "controlCenterShowMicIcon": false,
+  "controlCenterShowMicPercent": true,
+  "controlCenterShowBatteryIcon": false,
+  "controlCenterShowPrinterIcon": false,
+  "controlCenterShowScreenSharingIcon": true,
+  "showPrivacyButton": true,
+  "privacyShowMicIcon": true,
+  "privacyShowCameraIcon": true,
+  "privacyShowScreenShareIcon": true,
+  "controlCenterWidgets": [
+    {
+      "id": "volumeSlider",
+      "enabled": true,
+      "width": 50
+    },
+    {
+      "id": "brightnessSlider",
+      "enabled": true,
+      "width": 50
+    },
+    {
+      "id": "wifi",
+      "enabled": true,
+      "width": 50
+    },
+    {
+      "id": "bluetooth",
+      "enabled": true,
+      "width": 50
+    },
+    {
+      "id": "audioOutput",
+      "enabled": true,
+      "width": 50
+    },
+    {
+      "id": "audioInput",
+      "enabled": true,
+      "width": 50
+    },
+    {
+      "id": "nightMode",
+      "enabled": true,
+      "width": 50
+    },
+    {
+      "id": "darkMode",
+      "enabled": true,
+      "width": 50
+    }
+  ],
+  "showWorkspaceIndex": true,
+  "showWorkspaceName": false,
+  "showWorkspacePadding": false,
+  "workspaceScrolling": false,
+  "showWorkspaceApps": false,
+  "workspaceDragReorder": true,
+  "maxWorkspaceIcons": 3,
+  "workspaceAppIconSizeOffset": 0,
+  "groupWorkspaceApps": true,
+  "workspaceFollowFocus": false,
+  "showOccupiedWorkspacesOnly": false,
+  "reverseScrolling": false,
+  "dwlShowAllTags": true,
+  "workspaceColorMode": "default",
+  "workspaceOccupiedColorMode": "none",
+  "workspaceUnfocusedColorMode": "default",
+  "workspaceUrgentColorMode": "default",
+  "workspaceFocusedBorderEnabled": false,
+  "workspaceFocusedBorderColor": "secondary",
+  "workspaceFocusedBorderThickness": 5,
+  "workspaceNameIcons": {},
+  "waveProgressEnabled": true,
+  "scrollTitleEnabled": true,
+  "audioVisualizerEnabled": true,
+  "audioScrollMode": "volume",
+  "audioWheelScrollAmount": 5,
+  "clockCompactMode": false,
+  "focusedWindowCompactMode": false,
+  "runningAppsCompactMode": true,
+  "barMaxVisibleApps": 0,
+  "barMaxVisibleRunningApps": 0,
+  "barShowOverflowBadge": true,
+  "appsDockHideIndicators": true,
+  "appsDockColorizeActive": true,
+  "appsDockActiveColorMode": "primary",
+  "appsDockEnlargeOnHover": false,
+  "appsDockEnlargePercentage": 150,
+  "appsDockIconSizePercentage": 110,
+  "keyboardLayoutNameCompactMode": false,
+  "runningAppsCurrentWorkspace": true,
+  "runningAppsGroupByApp": false,
+  "runningAppsCurrentMonitor": false,
+  "appIdSubstitutions": [],
+  "centeringMode": "index",
+  "clockDateFormat": "",
+  "lockDateFormat": "",
+  "greeterRememberLastSession": true,
+  "greeterRememberLastUser": true,
+  "greeterEnableFprint": false,
+  "greeterEnableU2f": false,
+  "greeterWallpaperPath": "",
+  "mediaSize": 1,
+  "appLauncherViewMode": "list",
+  "spotlightModalViewMode": "list",
+  "browserPickerViewMode": "grid",
+  "browserUsageHistory": {},
+  "appPickerViewMode": "grid",
+  "filePickerUsageHistory": {},
+  "sortAppsAlphabetically": false,
+  "appLauncherGridColumns": 8,
+  "spotlightCloseNiriOverview": true,
+  "spotlightSectionViewModes": {
+    "apps": "grid"
+  },
+  "appDrawerSectionViewModes": {},
+  "niriOverviewOverlayEnabled": true,
+  "dankLauncherV2Size": "large",
+  "dankLauncherV2BorderEnabled": true,
+  "dankLauncherV2BorderThickness": 2,
+  "dankLauncherV2BorderColor": "primary",
+  "dankLauncherV2ShowFooter": true,
+  "dankLauncherV2UnloadOnClose": false,
+  "useAutoLocation": false,
+  "weatherEnabled": true,
+  "networkPreference": "auto",
+  "iconTheme": "Tela-circle-black-light",
+  "cursorSettings": {
+    "theme": "System Default",
+    "size": 18,
+    "niri": {
+      "hideWhenTyping": false,
+      "hideAfterInactiveMs": 0
+    },
+    "hyprland": {
+      "hideOnKeyPress": false,
+      "hideOnTouch": false,
+      "inactiveTimeout": 0
+    },
+    "dwl": {
+      "cursorHideTimeout": 0
+    }
+  },
+  "launcherLogoMode": "os",
+  "launcherLogoCustomPath": "",
+  "launcherLogoColorOverride": "primary",
+  "launcherLogoColorInvertOnMode": false,
+  "launcherLogoBrightness": 0.5,
+  "launcherLogoContrast": 1,
+  "launcherLogoSizeOffset": 0,
+  "fontFamily": "CaskaydiaCove Nerd Font Mono",
+  "monoFontFamily": "CaskaydiaMono Nerd Font Mono",
+  "fontWeight": 400,
+  "fontScale": 1,
+  "notepadUseMonospace": true,
+  "notepadFontFamily": "",
+  "notepadFontSize": 14,
+  "notepadShowLineNumbers": false,
+  "notepadTransparencyOverride": -1,
+  "notepadLastCustomTransparency": 0.7,
+  "soundsEnabled": true,
+  "useSystemSoundTheme": false,
+  "soundNewNotification": true,
+  "soundVolumeChanged": true,
+  "soundPluggedIn": true,
+  "acMonitorTimeout": 0,
+  "acLockTimeout": 0,
+  "acSuspendTimeout": 0,
+  "acSuspendBehavior": 0,
+  "acProfileName": "",
+  "batteryMonitorTimeout": 0,
+  "batteryLockTimeout": 0,
+  "batterySuspendTimeout": 0,
+  "batterySuspendBehavior": 0,
+  "batteryProfileName": "",
+  "batteryChargeLimit": 100,
+  "lockBeforeSuspend": false,
+  "loginctlLockIntegration": true,
+  "fadeToLockEnabled": true,
+  "fadeToLockGracePeriod": 5,
+  "fadeToDpmsEnabled": true,
+  "fadeToDpmsGracePeriod": 5,
+  "launchPrefix": "",
+  "brightnessDevicePins": {},
+  "wifiNetworkPins": {},
+  "bluetoothDevicePins": {},
+  "audioInputDevicePins": {},
+  "audioOutputDevicePins": {},
+  "gtkThemingEnabled": false,
+  "qtThemingEnabled": false,
+  "syncModeWithPortal": true,
+  "terminalsAlwaysDark": false,
+  "muxType": "tmux",
+  "muxUseCustomCommand": false,
+  "muxCustomCommand": "",
+  "muxSessionFilter": "",
+  "runDmsMatugenTemplates": true,
+  "matugenTemplateGtk": true,
+  "matugenTemplateNiri": true,
+  "matugenTemplateHyprland": true,
+  "matugenTemplateMangowc": true,
+  "matugenTemplateQt5ct": true,
+  "matugenTemplateQt6ct": true,
+  "matugenTemplateFirefox": true,
+  "matugenTemplatePywalfox": true,
+  "matugenTemplateZenBrowser": true,
+  "matugenTemplateVesktop": true,
+  "matugenTemplateEquibop": true,
+  "matugenTemplateGhostty": true,
+  "matugenTemplateKitty": true,
+  "matugenTemplateFoot": true,
+  "matugenTemplateAlacritty": true,
+  "matugenTemplateNeovim": false,
+  "matugenTemplateWezterm": true,
+  "matugenTemplateDgop": true,
+  "matugenTemplateKcolorscheme": true,
+  "matugenTemplateVscode": true,
+  "matugenTemplateEmacs": true,
+  "matugenTemplateZed": true,
+  "showDock": false,
+  "dockAutoHide": false,
+  "dockSmartAutoHide": false,
+  "dockGroupByApp": true,
+  "dockOpenOnOverview": false,
+  "dockPosition": 1,
+  "dockSpacing": 4,
+  "dockBottomGap": -12,
+  "dockMargin": 0,
+  "dockIconSize": 40,
+  "dockIndicatorStyle": "circle",
+  "dockBorderEnabled": true,
+  "dockBorderColor": "primary",
+  "dockBorderOpacity": 1,
+  "dockBorderThickness": 2,
+  "dockIsolateDisplays": true,
+  "dockLauncherEnabled": true,
+  "dockLauncherLogoMode": "os",
+  "dockLauncherLogoCustomPath": "",
+  "dockLauncherLogoColorOverride": "primary",
+  "dockLauncherLogoSizeOffset": -5,
+  "dockLauncherLogoBrightness": 0.5,
+  "dockLauncherLogoContrast": 1,
+  "dockMaxVisibleApps": 0,
+  "dockMaxVisibleRunningApps": 0,
+  "dockShowOverflowBadge": true,
+  "notificationOverlayEnabled": false,
+  "notificationPopupShadowEnabled": true,
+  "notificationPopupPrivacyMode": false,
+  "modalDarkenBackground": true,
+  "lockScreenShowPowerActions": true,
+  "lockScreenShowSystemIcons": true,
+  "lockScreenShowTime": true,
+  "lockScreenShowDate": true,
+  "lockScreenShowProfileImage": true,
+  "lockScreenShowPasswordField": true,
+  "lockScreenShowMediaPlayer": true,
+  "lockScreenPowerOffMonitorsOnLock": false,
+  "lockAtStartup": false,
+  "enableFprint": false,
+  "maxFprintTries": 15,
+  "enableU2f": false,
+  "u2fMode": "or",
+  "lockScreenActiveMonitor": "all",
+  "lockScreenInactiveColor": "#000000",
+  "lockScreenNotificationMode": 2,
+  "hideBrightnessSlider": false,
+  "notificationTimeoutLow": 5000,
+  "notificationTimeoutNormal": 5000,
+  "notificationTimeoutCritical": 0,
+  "notificationCompactMode": false,
+  "notificationPopupPosition": 0,
+  "notificationAnimationSpeed": 1,
+  "notificationCustomAnimationDuration": 400,
+  "notificationHistoryEnabled": true,
+  "notificationHistoryMaxCount": 200,
+  "notificationHistoryMaxAgeDays": 7,
+  "notificationHistorySaveLow": true,
+  "notificationHistorySaveNormal": true,
+  "notificationHistorySaveCritical": true,
+  "notificationRules": [],
+  "osdAlwaysShowValue": false,
+  "osdPosition": 5,
+  "osdVolumeEnabled": true,
+  "osdMediaVolumeEnabled": true,
+  "osdMediaPlaybackEnabled": false,
+  "osdBrightnessEnabled": true,
+  "osdIdleInhibitorEnabled": true,
+  "osdMicMuteEnabled": true,
+  "osdCapsLockEnabled": true,
+  "osdPowerProfileEnabled": true,
+  "osdAudioOutputEnabled": true,
+  "powerActionConfirm": true,
+  "powerActionHoldDuration": 0.5,
+  "powerMenuActions": [
+    "reboot",
+    "logout",
+    "poweroff",
+    "lock",
+    "suspend",
+    "restart"
+  ],
+  "powerMenuDefaultAction": "logout",
+  "powerMenuGridLayout": false,
+  "customPowerActionLock": "",
+  "customPowerActionLogout": "",
+  "customPowerActionSuspend": "",
+  "customPowerActionHibernate": "",
+  "customPowerActionReboot": "",
+  "customPowerActionPowerOff": "",
+  "updaterHideWidget": false,
+  "updaterUseCustomCommand": false,
+  "updaterCustomCommand": "",
+  "updaterTerminalAdditionalParams": "",
+  "displayNameMode": "system",
+  "screenPreferences": {},
+  "showOnLastDisplay": {},
+  "niriOutputSettings": {},
+  "hyprlandOutputSettings": {},
+  "displayProfiles": {},
+  "activeDisplayProfile": {},
+  "displayProfileAutoSelect": false,
+  "displayShowDisconnected": false,
+  "displaySnapToEdge": true,
+  "barConfigs": [
+    {
+      "id": "default",
+      "name": "Main Bar",
+      "enabled": true,
+      "position": 0,
+      "screenPreferences": [
+        "all"
+      ],
+      "showOnLastDisplay": false,
+      "leftWidgets": [
+        {
+          "id": "launcherButton",
+          "enabled": true
+        },
+        {
+          "id": "workspaceSwitcher",
+          "enabled": true
+        },
+        {
+          "id": "layout",
+          "enabled": true
+        },
+        {
+          "id": "weather",
+          "enabled": true
+        }
+      ],
+      "centerWidgets": [
+        {
+          "id": "focusedWindow",
+          "enabled": true
+        },
+        {
+          "id": "clock",
+          "enabled": true
+        },
+        {
+          "id": "music",
+          "enabled": true
+        }
+      ],
+      "rightWidgets": [
+        {
+          "id": "systemTray",
+          "enabled": true
+        },
+        {
+          "id": "cpuUsage",
+          "enabled": true,
+          "minimumWidth": true
+        },
+        {
+          "id": "memUsage",
+          "enabled": true,
+          "minimumWidth": true
+        },
+        {
+          "id": "diskUsage",
+          "enabled": true,
+          "mountPath": "/"
+        },
+        {
+          "id": "cpuTemp",
+          "enabled": true,
+          "minimumWidth": true
+        },
+        {
+          "id": "notificationButton",
+          "enabled": true
+        },
+        {
+          "id": "battery",
+          "enabled": true
+        },
+        {
+          "id": "controlCenterButton",
+          "enabled": true,
+          "showNetworkIcon": true,
+          "showBluetoothIcon": true,
+          "showAudioIcon": true,
+          "showAudioPercent": true,
+          "showVpnIcon": true,
+          "showBrightnessIcon": true,
+          "showBrightnessPercent": true,
+          "showMicIcon": true,
+          "showMicPercent": true,
+          "showBatteryIcon": true,
+          "showPrinterIcon": true,
+          "showScreenSharingIcon": true
+        }
+      ],
+      "spacing": 4,
+      "innerPadding": 4,
+      "bottomGap": 0,
+      "transparency": 1,
+      "widgetTransparency": 1,
+      "squareCorners": false,
+      "noBackground": false,
+      "maximizeWidgetIcons": false,
+      "maximizeWidgetText": false,
+      "removeWidgetPadding": false,
+      "widgetPadding": 8,
+      "gothCornersEnabled": false,
+      "gothCornerRadiusOverride": false,
+      "gothCornerRadiusValue": 12,
+      "borderEnabled": false,
+      "borderColor": "surfaceText",
+      "borderOpacity": 1,
+      "borderThickness": 1,
+      "widgetOutlineEnabled": false,
+      "widgetOutlineColor": "primary",
+      "widgetOutlineOpacity": 1,
+      "widgetOutlineThickness": 1,
+      "fontScale": 1,
+      "iconScale": 1,
+      "autoHide": false,
+      "autoHideDelay": 0,
+      "showOnWindowsOpen": false,
+      "openOnOverview": false,
+      "visible": true,
+      "popupGapsAuto": true,
+      "popupGapsManual": 4,
+      "maximizeDetection": true,
+      "scrollEnabled": true,
+      "scrollXBehavior": "column",
+      "scrollYBehavior": "workspace",
+      "shadowIntensity": 0,
+      "shadowOpacity": 60,
+      "shadowColorMode": "text",
+      "shadowCustomColor": "#000000",
+      "clickThrough": false
+    },
+    {
+      "id": "bar1780100331895",
+      "name": "Bar 2",
+      "enabled": true,
+      "position": 1,
+      "screenPreferences": [
+        "all"
+      ],
+      "showOnLastDisplay": false,
+      "leftWidgets": [
+        {
+          "id": "powerMenuButton",
+          "enabled": true
+        },
+        {
+          "id": "launcherButton",
+          "enabled": true
+        },
+        {
+          "id": "runningApps",
+          "enabled": true,
+          "runningAppsCompactMode": false,
+          "runningAppsGroupByApp": true,
+          "runningAppsCurrentWorkspace": true,
+          "runningAppsCurrentMonitor": false
+        }
+      ],
+      "centerWidgets": [],
+      "rightWidgets": [
+        {
+          "id": "systemTray",
+          "enabled": true
+        },
+        {
+          "id": "battery",
+          "enabled": true
+        },
+        {
+          "id": "controlCenterButton",
+          "enabled": true,
+          "showNetworkIcon": true,
+          "showBluetoothIcon": true,
+          "showAudioIcon": true,
+          "showAudioPercent": false,
+          "showVpnIcon": true,
+          "showBrightnessIcon": false,
+          "showBrightnessPercent": false,
+          "showMicIcon": false,
+          "showMicPercent": true,
+          "showBatteryIcon": false,
+          "showPrinterIcon": false,
+          "showScreenSharingIcon": true
+        },
+        {
+          "id": "clock",
+          "enabled": true,
+          "clockCompactMode": false
+        },
+        {
+          "id": "notificationButton",
+          "enabled": true
+        }
+      ],
+      "spacing": 0,
+      "innerPadding": 10,
+      "bottomGap": 0,
+      "transparency": 1,
+      "widgetTransparency": 1,
+      "squareCorners": true,
+      "noBackground": false,
+      "gothCornersEnabled": false,
+      "gothCornerRadiusOverride": false,
+      "gothCornerRadiusValue": 12,
+      "borderEnabled": false,
+      "borderColor": "surfaceText",
+      "borderOpacity": 1,
+      "borderThickness": 1,
+      "widgetOutlineEnabled": false,
+      "widgetOutlineColor": "primary",
+      "widgetOutlineOpacity": 1,
+      "widgetOutlineThickness": 1,
+      "widgetPadding": 7,
+      "maximizeWidgetIcons": false,
+      "maximizeWidgetText": false,
+      "removeWidgetPadding": false,
+      "fontScale": 1,
+      "iconScale": 1.3,
+      "autoHide": false,
+      "autoHideDelay": 250,
+      "showOnWindowsOpen": false,
+      "openOnOverview": false,
+      "visible": false,
+      "popupGapsAuto": true,
+      "popupGapsManual": 4,
+      "maximizeDetection": true,
+      "scrollEnabled": true,
+      "scrollXBehavior": "column",
+      "scrollYBehavior": "workspace",
+      "shadowIntensity": 0,
+      "shadowOpacity": 60,
+      "shadowColorMode": "text",
+      "shadowCustomColor": "#000000"
+    },
+    {
+      "id": "bar1780101070580",
+      "name": "Bar 3",
+      "enabled": true,
+      "position": 0,
+      "screenPreferences": [
+        "all"
+      ],
+      "showOnLastDisplay": false,
+      "leftWidgets": [
+        {
+          "id": "controlCenterButton",
+          "enabled": true,
+          "showNetworkIcon": false,
+          "showBluetoothIcon": false,
+          "showAudioIcon": false,
+          "showAudioPercent": false,
+          "showVpnIcon": false,
+          "showBrightnessIcon": false,
+          "showBrightnessPercent": false,
+          "showMicIcon": false,
+          "showMicPercent": false,
+          "showBatteryIcon": false,
+          "showPrinterIcon": false,
+          "showScreenSharingIcon": false
+        },
+        {
+          "id": "workspaceSwitcher",
+          "enabled": true
+        },
+        {
+          "id": "layout",
+          "enabled": true
+        },
+        {
+          "id": "music",
+          "enabled": true
+        }
+      ],
+      "centerWidgets": [
+        {
+          "id": "focusedWindow",
+          "enabled": true
+        }
+      ],
+      "rightWidgets": [
+        {
+          "id": "cpuUsage",
+          "enabled": true,
+          "minimumWidth": true
+        },
+        {
+          "id": "memUsage",
+          "enabled": true,
+          "minimumWidth": true
+        },
+        {
+          "id": "diskUsage",
+          "enabled": true,
+          "mountPath": "/"
+        },
+        {
+          "id": "cpuTemp",
+          "enabled": true,
+          "minimumWidth": true
+        },
+        {
+          "id": "gpuTemp",
+          "enabled": true,
+          "selectedGpuIndex": 0,
+          "pciId": "",
+          "minimumWidth": true
+        },
+        {
+          "id": "keyboard_layout_name",
+          "enabled": true
+        },
+        {
+          "id": "idleInhibitor",
+          "enabled": true
+        },
+        {
+          "id": "vpn",
+          "enabled": true
+        },
+        {
+          "id": "privacyIndicator",
+          "enabled": true
+        },
+        {
+          "id": "network_speed_monitor",
+          "enabled": true
+        },
+        {
+          "id": "capsLockIndicator",
+          "enabled": true
+        }
+      ],
+      "spacing": 0,
+      "innerPadding": -8,
+      "bottomGap": -3,
+      "transparency": 0,
+      "widgetTransparency": 1,
+      "squareCorners": false,
+      "noBackground": false,
+      "gothCornersEnabled": false,
+      "gothCornerRadiusOverride": false,
+      "gothCornerRadiusValue": 12,
+      "borderEnabled": false,
+      "borderColor": "surfaceText",
+      "borderOpacity": 1,
+      "borderThickness": 1,
+      "widgetOutlineEnabled": true,
+      "widgetOutlineColor": "primary",
+      "widgetOutlineOpacity": 0.88,
+      "widgetOutlineThickness": 1,
+      "widgetPadding": 8,
+      "maximizeWidgetIcons": false,
+      "maximizeWidgetText": false,
+      "removeWidgetPadding": false,
+      "fontScale": 1,
+      "iconScale": 1,
+      "autoHide": false,
+      "autoHideDelay": 250,
+      "showOnWindowsOpen": false,
+      "openOnOverview": false,
+      "visible": false,
+      "popupGapsAuto": true,
+      "popupGapsManual": 4,
+      "maximizeDetection": true,
+      "scrollEnabled": true,
+      "scrollXBehavior": "column",
+      "scrollYBehavior": "workspace",
+      "shadowIntensity": 0,
+      "shadowOpacity": 60,
+      "shadowColorMode": "text",
+      "shadowCustomColor": "#000000"
+    },
+    {
+      "id": "bar1780101400641",
+      "name": "Bar 4",
+      "enabled": true,
+      "position": 3,
+      "screenPreferences": [
+        "all"
+      ],
+      "showOnLastDisplay": true,
+      "leftWidgets": [
+        {
+          "id": "notificationButton",
+          "enabled": true
+        },
+        {
+          "id": "weather",
+          "enabled": true
+        },
+        {
+          "id": "clock",
+          "enabled": true
+        },
+        {
+          "id": "music",
+          "enabled": true,
+          "mediaSize": 1
+        }
+      ],
+      "centerWidgets": [
+        {
+          "id": "appsDock",
+          "enabled": true,
+          "barMaxVisibleApps": 0
+        }
+      ],
+      "rightWidgets": [
+        {
+          "id": "launcherButton",
+          "enabled": true
+        },
+        {
+          "id": "controlCenterButton",
+          "enabled": true,
+          "showNetworkIcon": false,
+          "showBluetoothIcon": false,
+          "showAudioIcon": false,
+          "showAudioPercent": false,
+          "showVpnIcon": false,
+          "showBrightnessIcon": false,
+          "showBrightnessPercent": false,
+          "showMicIcon": false,
+          "showMicPercent": false,
+          "showBatteryIcon": false,
+          "showPrinterIcon": false,
+          "showScreenSharingIcon": true
+        }
+      ],
+      "spacing": 0,
+      "innerPadding": 8,
+      "bottomGap": 0,
+      "transparency": 1,
+      "widgetTransparency": 1,
+      "squareCorners": true,
+      "noBackground": false,
+      "gothCornersEnabled": false,
+      "gothCornerRadiusOverride": false,
+      "gothCornerRadiusValue": 12,
+      "borderEnabled": false,
+      "borderColor": "surfaceText",
+      "borderOpacity": 1,
+      "borderThickness": 1,
+      "widgetOutlineEnabled": false,
+      "widgetOutlineColor": "primary",
+      "widgetOutlineOpacity": 1,
+      "widgetOutlineThickness": 1,
+      "widgetPadding": 4,
+      "maximizeWidgetIcons": false,
+      "maximizeWidgetText": false,
+      "removeWidgetPadding": false,
+      "fontScale": 1.15,
+      "iconScale": 1.75,
+      "autoHide": false,
+      "autoHideDelay": 2000,
+      "showOnWindowsOpen": false,
+      "openOnOverview": false,
+      "visible": false,
+      "popupGapsAuto": true,
+      "popupGapsManual": 4,
+      "maximizeDetection": true,
+      "scrollEnabled": true,
+      "scrollXBehavior": "column",
+      "scrollYBehavior": "workspace",
+      "shadowIntensity": 0,
+      "shadowOpacity": 60,
+      "shadowColorMode": "text",
+      "shadowCustomColor": "#000000"
+    }
+  ],
+  "desktopClockEnabled": false,
+  "desktopClockStyle": "analog",
+  "desktopClockTransparency": 0.8,
+  "desktopClockColorMode": "primary",
+  "desktopClockCustomColor": {
+    "r": 1,
+    "g": 1,
+    "b": 1,
+    "a": 1,
+    "hsvHue": -1,
+    "hsvSaturation": 0,
+    "hsvValue": 1,
+    "hslHue": -1,
+    "hslSaturation": 0,
+    "hslLightness": 1,
+    "valid": true
+  },
+  "desktopClockShowDate": true,
+  "desktopClockShowAnalogNumbers": false,
+  "desktopClockShowAnalogSeconds": true,
+  "desktopClockX": -1,
+  "desktopClockY": -1,
+  "desktopClockWidth": 280,
+  "desktopClockHeight": 180,
+  "desktopClockDisplayPreferences": [
+    "all"
+  ],
+  "systemMonitorEnabled": false,
+  "systemMonitorShowHeader": true,
+  "systemMonitorTransparency": 0.8,
+  "systemMonitorColorMode": "primary",
+  "systemMonitorCustomColor": {
+    "r": 1,
+    "g": 1,
+    "b": 1,
+    "a": 1,
+    "hsvHue": -1,
+    "hsvSaturation": 0,
+    "hsvValue": 1,
+    "hslHue": -1,
+    "hslSaturation": 0,
+    "hslLightness": 1,
+    "valid": true
+  },
+  "systemMonitorShowCpu": true,
+  "systemMonitorShowCpuGraph": true,
+  "systemMonitorShowCpuTemp": true,
+  "systemMonitorShowGpuTemp": false,
+  "systemMonitorGpuPciId": "",
+  "systemMonitorShowMemory": true,
+  "systemMonitorShowMemoryGraph": true,
+  "systemMonitorShowNetwork": true,
+  "systemMonitorShowNetworkGraph": true,
+  "systemMonitorShowDisk": true,
+  "systemMonitorShowTopProcesses": false,
+  "systemMonitorTopProcessCount": 3,
+  "systemMonitorTopProcessSortBy": "cpu",
+  "systemMonitorGraphInterval": 60,
+  "systemMonitorLayoutMode": "auto",
+  "systemMonitorX": -1,
+  "systemMonitorY": -1,
+  "systemMonitorWidth": 320,
+  "systemMonitorHeight": 480,
+  "systemMonitorDisplayPreferences": [
+    "all"
+  ],
+  "systemMonitorVariants": [],
+  "desktopWidgetPositions": {},
+  "desktopWidgetGridSettings": {},
+  "desktopWidgetInstances": [],
+  "desktopWidgetGroups": [],
+  "builtInPluginSettings": {
+    "dms_settings_search": {
+      "trigger": "?"
+    }
+  },
+  "clipboardEnterToPaste": false,
+  "launcherPluginVisibility": {},
+  "launcherPluginOrder": [],
+  "configVersion": 5
+}

DankMaterialShell/plugin_settings.json

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

DankMaterialShell/settings.json

@@ -1,17 +1,33 @@
 {
   "currentThemeName": "dynamic",
   "currentThemeCategory": "dynamic",
-  "customThemeFile": "",
+  "customThemeFile": "/home/den/.config/DankMaterialShell/themes/-/theme.json",
   "registryThemeVariants": {
     "rosePine": "rosePine",
     "catppuccin": {
       "dark": {
-        "flavor": "frappe",
-        "accent": "sky"
+        "flavor": "mocha",
+        "accent": "pink"
+      }
+    },
+    "everforest": "medium",
+    "flexoki": "orange",
+    "gruvboxMaterial": "hard",
+    "gnomeAdwaita": "red",
+    "modus": {
+      "dark": {
+        "flavor": "vivendi",
+        "accent": "cyan"
+      }
+    },
+    "amoledBlack": {
+      "dark": {
+        "flavor": "black",
+        "accent": "turquoise"
       }
     }
   },
-  "matugenScheme": "scheme-tonal-spot",
+  "matugenScheme": "scheme-vibrant",
   "runUserMatugenTemplates": true,
   "matugenTargetMonitor": "",
   "popupTransparency": 1,
@@ -37,7 +53,7 @@
   "windSpeedUnit": "kmh",
   "nightModeEnabled": false,
   "animationSpeed": 1,
-  "customAnimationDuration": 500,
+  "customAnimationDuration": 200,
   "syncComponentAnimationSpeeds": true,
   "popoutAnimationSpeed": 1,
   "popoutCustomAnimationDuration": 150,
@@ -87,9 +103,9 @@
   "controlCenterShowPrinterIcon": false,
   "controlCenterShowScreenSharingIcon": true,
   "showPrivacyButton": true,
-  "privacyShowMicIcon": false,
-  "privacyShowCameraIcon": false,
-  "privacyShowScreenShareIcon": false,
+  "privacyShowMicIcon": true,
+  "privacyShowCameraIcon": true,
+  "privacyShowScreenShareIcon": true,
   "controlCenterWidgets": [
     {
       "id": "volumeSlider",
@@ -150,8 +166,8 @@
   "workspaceUnfocusedColorMode": "default",
   "workspaceUrgentColorMode": "default",
   "workspaceFocusedBorderEnabled": false,
-  "workspaceFocusedBorderColor": "primary",
-  "workspaceFocusedBorderThickness": 2,
+  "workspaceFocusedBorderColor": "secondary",
+  "workspaceFocusedBorderThickness": 5,
   "workspaceNameIcons": {},
   "waveProgressEnabled": true,
   "scrollTitleEnabled": true,
@@ -164,12 +180,12 @@
   "barMaxVisibleApps": 0,
   "barMaxVisibleRunningApps": 0,
   "barShowOverflowBadge": true,
-  "appsDockHideIndicators": false,
+  "appsDockHideIndicators": true,
   "appsDockColorizeActive": true,
   "appsDockActiveColorMode": "primary",
-  "appsDockEnlargeOnHover": true,
-  "appsDockEnlargePercentage": 125,
-  "appsDockIconSizePercentage": 100,
+  "appsDockEnlargeOnHover": false,
+  "appsDockEnlargePercentage": 150,
+  "appsDockIconSizePercentage": 110,
   "keyboardLayoutNameCompactMode": false,
   "runningAppsCurrentWorkspace": true,
   "runningAppsGroupByApp": false,
@@ -199,15 +215,15 @@
   "appDrawerSectionViewModes": {},
   "niriOverviewOverlayEnabled": true,
   "dankLauncherV2Size": "large",
-  "dankLauncherV2BorderEnabled": false,
+  "dankLauncherV2BorderEnabled": true,
   "dankLauncherV2BorderThickness": 2,
   "dankLauncherV2BorderColor": "primary",
   "dankLauncherV2ShowFooter": true,
   "dankLauncherV2UnloadOnClose": false,
   "useAutoLocation": false,
   "weatherEnabled": true,
-  "networkPreference": "auto",
-  "iconTheme": "Sweet-Blue-Filled",
+  "networkPreference": "wifi",
+  "iconTheme": "Tela-circle-black",
   "cursorSettings": {
     "theme": "System Default",
     "size": 18,
@@ -272,7 +288,7 @@
   "gtkThemingEnabled": false,
   "qtThemingEnabled": false,
   "syncModeWithPortal": true,
-  "terminalsAlwaysDark": false,
+  "terminalsAlwaysDark": true,
   "muxType": "tmux",
   "muxUseCustomCommand": false,
   "muxCustomCommand": "",
@@ -307,9 +323,9 @@
   "dockOpenOnOverview": false,
   "dockPosition": 1,
   "dockSpacing": 4,
-  "dockBottomGap": 0,
+  "dockBottomGap": -12,
   "dockMargin": 0,
-  "dockIconSize": 31,
+  "dockIconSize": 40,
   "dockIndicatorStyle": "circle",
   "dockBorderEnabled": true,
   "dockBorderColor": "primary",
@@ -345,7 +361,7 @@
   "u2fMode": "or",
   "lockScreenActiveMonitor": "all",
   "lockScreenInactiveColor": "#000000",
-  "lockScreenNotificationMode": 0,
+  "lockScreenNotificationMode": 2,
   "hideBrightnessSlider": false,
   "notificationTimeoutLow": 5000,
   "notificationTimeoutNormal": 5000,
@@ -355,12 +371,29 @@
   "notificationAnimationSpeed": 1,
   "notificationCustomAnimationDuration": 400,
   "notificationHistoryEnabled": true,
-  "notificationHistoryMaxCount": 50,
+  "notificationHistoryMaxCount": 200,
   "notificationHistoryMaxAgeDays": 7,
   "notificationHistorySaveLow": true,
   "notificationHistorySaveNormal": true,
   "notificationHistorySaveCritical": true,
-  "notificationRules": [],
+  "notificationRules": [
+    {
+      "enabled": true,
+      "field": "appName",
+      "pattern": "ownCloud",
+      "matchType": "exact",
+      "action": "ignore",
+      "urgency": "default"
+    },
+    {
+      "enabled": true,
+      "field": "appName",
+      "pattern": "ownCloud",
+      "matchType": "exact",
+      "action": "ignore",
+      "urgency": "default"
+    }
+  ],
   "osdAlwaysShowValue": false,
   "osdPosition": 5,
   "osdVolumeEnabled": true,
@@ -395,7 +428,11 @@
   "updaterCustomCommand": "",
   "updaterTerminalAdditionalParams": "",
   "displayNameMode": "system",
-  "screenPreferences": {},
+  "screenPreferences": {
+    "wallpaper": [
+      "all"
+    ]
+  },
   "showOnLastDisplay": {},
   "niriOutputSettings": {},
   "hyprlandOutputSettings": {},
@@ -413,7 +450,7 @@
       "screenPreferences": [
         "all"
       ],
-      "showOnLastDisplay": true,
+      "showOnLastDisplay": false,
       "leftWidgets": [
         {
           "id": "launcherButton",
@@ -428,30 +465,19 @@
           "enabled": true
         },
         {
-          "id": "focusedWindow",
+          "id": "weather",
           "enabled": true
         }
       ],
       "centerWidgets": [
+        {
+          "id": "focusedWindow",
+          "enabled": true
+        },
         {
           "id": "clock",
           "enabled": true
         },
-        {
-          "id": "weather",
-          "enabled": true
-        },
-        {
-          "id": "cpuTemp",
-          "enabled": true,
-          "minimumWidth": true
-        },
-        {
-          "id": "gpuTemp",
-          "enabled": true,
-          "selectedGpuIndex": 0,
-          "pciId": "10de:2544"
-        },
         {
           "id": "music",
           "enabled": true
@@ -463,26 +489,29 @@
           "enabled": true
         },
         {
-          "id": "clipboard",
-          "enabled": true
-        },
-        {
-          "id": "vpn",
+          "id": "colorPicker",
           "enabled": true
         },
         {
           "id": "cpuUsage",
-          "enabled": true
+          "enabled": true,
+          "minimumWidth": true
         },
         {
           "id": "memUsage",
-          "enabled": true
+          "enabled": true,
+          "minimumWidth": true
         },
         {
           "id": "diskUsage",
           "enabled": true,
           "mountPath": "/"
         },
+        {
+          "id": "cpuTemp",
+          "enabled": true,
+          "minimumWidth": true
+        },
         {
           "id": "notificationButton",
           "enabled": true
@@ -493,7 +522,19 @@
         },
         {
           "id": "controlCenterButton",
-          "enabled": true
+          "enabled": true,
+          "showNetworkIcon": true,
+          "showBluetoothIcon": true,
+          "showAudioIcon": true,
+          "showAudioPercent": true,
+          "showVpnIcon": true,
+          "showBrightnessIcon": true,
+          "showBrightnessPercent": true,
+          "showMicIcon": true,
+          "showMicPercent": true,
+          "showBatteryIcon": true,
+          "showPrinterIcon": true,
+          "showScreenSharingIcon": true
         }
       ],
       "spacing": 4,
@@ -521,7 +562,7 @@
       "fontScale": 1,
       "iconScale": 1,
       "autoHide": false,
-      "autoHideDelay": 250,
+      "autoHideDelay": 0,
       "showOnWindowsOpen": false,
       "openOnOverview": false,
       "visible": true,
@@ -538,39 +579,223 @@
       "clickThrough": false
     },
     {
-      "id": "bar1779445652633",
+      "id": "bar1780100331895",
       "name": "Bar 2",
-      "enabled": false,
+      "enabled": true,
       "position": 1,
       "screenPreferences": [
         "all"
       ],
       "showOnLastDisplay": false,
-      "leftWidgets": [],
-      "centerWidgets": [
+      "leftWidgets": [
         {
-          "id": "dankActions:variant_1779445455419",
+          "id": "powerMenuButton",
+          "enabled": true
+        },
+        {
+          "id": "launcherButton",
+          "enabled": true
+        },
+        {
+          "id": "runningApps",
+          "enabled": true,
+          "runningAppsCompactMode": false,
+          "runningAppsGroupByApp": true,
+          "runningAppsCurrentWorkspace": true,
+          "runningAppsCurrentMonitor": false
+        }
+      ],
+      "centerWidgets": [],
+      "rightWidgets": [
+        {
+          "id": "systemTray",
+          "enabled": true
+        },
+        {
+          "id": "battery",
+          "enabled": true
+        },
+        {
+          "id": "controlCenterButton",
+          "enabled": true,
+          "showNetworkIcon": true,
+          "showBluetoothIcon": true,
+          "showAudioIcon": true,
+          "showAudioPercent": false,
+          "showVpnIcon": true,
+          "showBrightnessIcon": false,
+          "showBrightnessPercent": false,
+          "showMicIcon": false,
+          "showMicPercent": true,
+          "showBatteryIcon": false,
+          "showPrinterIcon": false,
+          "showScreenSharingIcon": true
+        },
+        {
+          "id": "clock",
+          "enabled": true,
+          "clockCompactMode": false
+        },
+        {
+          "id": "notificationButton",
           "enabled": true
         }
       ],
-      "rightWidgets": [],
-      "spacing": 4,
-      "innerPadding": 4,
+      "spacing": 0,
+      "innerPadding": 10,
       "bottomGap": 0,
       "transparency": 1,
       "widgetTransparency": 1,
+      "squareCorners": true,
+      "noBackground": false,
+      "gothCornersEnabled": false,
+      "gothCornerRadiusOverride": false,
+      "gothCornerRadiusValue": 12,
+      "borderEnabled": false,
+      "borderColor": "surfaceText",
+      "borderOpacity": 1,
+      "borderThickness": 1,
+      "widgetOutlineEnabled": false,
+      "widgetOutlineColor": "primary",
+      "widgetOutlineOpacity": 1,
+      "widgetOutlineThickness": 1,
+      "widgetPadding": 7,
+      "maximizeWidgetIcons": false,
+      "maximizeWidgetText": false,
+      "removeWidgetPadding": false,
+      "fontScale": 1,
+      "iconScale": 1.3,
+      "autoHide": false,
+      "autoHideDelay": 250,
+      "showOnWindowsOpen": false,
+      "openOnOverview": false,
+      "visible": false,
+      "popupGapsAuto": true,
+      "popupGapsManual": 4,
+      "maximizeDetection": true,
+      "scrollEnabled": true,
+      "scrollXBehavior": "column",
+      "scrollYBehavior": "workspace",
+      "shadowIntensity": 0,
+      "shadowOpacity": 60,
+      "shadowColorMode": "text",
+      "shadowCustomColor": "#000000"
+    },
+    {
+      "id": "bar1780101070580",
+      "name": "Bar 3",
+      "enabled": true,
+      "position": 0,
+      "screenPreferences": [
+        "all"
+      ],
+      "showOnLastDisplay": false,
+      "leftWidgets": [
+        {
+          "id": "controlCenterButton",
+          "enabled": true,
+          "showNetworkIcon": false,
+          "showBluetoothIcon": false,
+          "showAudioIcon": false,
+          "showAudioPercent": false,
+          "showVpnIcon": false,
+          "showBrightnessIcon": false,
+          "showBrightnessPercent": false,
+          "showMicIcon": false,
+          "showMicPercent": false,
+          "showBatteryIcon": false,
+          "showPrinterIcon": false,
+          "showScreenSharingIcon": false
+        },
+        {
+          "id": "workspaceSwitcher",
+          "enabled": true
+        },
+        {
+          "id": "layout",
+          "enabled": true
+        },
+        {
+          "id": "music",
+          "enabled": true
+        }
+      ],
+      "centerWidgets": [
+        {
+          "id": "focusedWindow",
+          "enabled": true
+        }
+      ],
+      "rightWidgets": [
+        {
+          "id": "cpuUsage",
+          "enabled": true,
+          "minimumWidth": true
+        },
+        {
+          "id": "memUsage",
+          "enabled": true,
+          "minimumWidth": true
+        },
+        {
+          "id": "diskUsage",
+          "enabled": true,
+          "mountPath": "/"
+        },
+        {
+          "id": "cpuTemp",
+          "enabled": true,
+          "minimumWidth": true
+        },
+        {
+          "id": "gpuTemp",
+          "enabled": true,
+          "selectedGpuIndex": 0,
+          "pciId": "",
+          "minimumWidth": true
+        },
+        {
+          "id": "keyboard_layout_name",
+          "enabled": true
+        },
+        {
+          "id": "idleInhibitor",
+          "enabled": true
+        },
+        {
+          "id": "vpn",
+          "enabled": true
+        },
+        {
+          "id": "privacyIndicator",
+          "enabled": true
+        },
+        {
+          "id": "network_speed_monitor",
+          "enabled": true
+        },
+        {
+          "id": "capsLockIndicator",
+          "enabled": true
+        }
+      ],
+      "spacing": 0,
+      "innerPadding": -8,
+      "bottomGap": -3,
+      "transparency": 0,
+      "widgetTransparency": 1,
       "squareCorners": false,
       "noBackground": false,
       "gothCornersEnabled": false,
       "gothCornerRadiusOverride": false,
       "gothCornerRadiusValue": 12,
       "borderEnabled": false,
-      "borderColor": "primary",
+      "borderColor": "surfaceText",
       "borderOpacity": 1,
       "borderThickness": 1,
-      "widgetOutlineEnabled": false,
+      "widgetOutlineEnabled": true,
       "widgetOutlineColor": "primary",
-      "widgetOutlineOpacity": 1,
+      "widgetOutlineOpacity": 0.88,
       "widgetOutlineThickness": 1,
       "widgetPadding": 8,
       "maximizeWidgetIcons": false,
@@ -582,13 +807,110 @@
       "autoHideDelay": 250,
       "showOnWindowsOpen": false,
       "openOnOverview": false,
-      "visible": true,
+      "visible": false,
       "popupGapsAuto": true,
       "popupGapsManual": 4,
       "maximizeDetection": true,
       "scrollEnabled": true,
       "scrollXBehavior": "column",
-      "scrollYBehavior": "none",
+      "scrollYBehavior": "workspace",
+      "shadowIntensity": 0,
+      "shadowOpacity": 60,
+      "shadowColorMode": "text",
+      "shadowCustomColor": "#000000"
+    },
+    {
+      "id": "bar1780101400641",
+      "name": "Bar 4",
+      "enabled": true,
+      "position": 2,
+      "screenPreferences": [
+        "all"
+      ],
+      "showOnLastDisplay": true,
+      "leftWidgets": [
+        {
+          "id": "notificationButton",
+          "enabled": true
+        },
+        {
+          "id": "weather",
+          "enabled": true
+        },
+        {
+          "id": "clock",
+          "enabled": true
+        },
+        {
+          "id": "music",
+          "enabled": true,
+          "mediaSize": 1
+        }
+      ],
+      "centerWidgets": [
+        {
+          "id": "appsDock",
+          "enabled": true,
+          "barMaxVisibleApps": 0
+        }
+      ],
+      "rightWidgets": [
+        {
+          "id": "launcherButton",
+          "enabled": true
+        },
+        {
+          "id": "controlCenterButton",
+          "enabled": true,
+          "showNetworkIcon": false,
+          "showBluetoothIcon": false,
+          "showAudioIcon": false,
+          "showAudioPercent": false,
+          "showVpnIcon": false,
+          "showBrightnessIcon": false,
+          "showBrightnessPercent": false,
+          "showMicIcon": false,
+          "showMicPercent": false,
+          "showBatteryIcon": false,
+          "showPrinterIcon": false,
+          "showScreenSharingIcon": true
+        }
+      ],
+      "spacing": 0,
+      "innerPadding": 8,
+      "bottomGap": 0,
+      "transparency": 1,
+      "widgetTransparency": 1,
+      "squareCorners": true,
+      "noBackground": false,
+      "gothCornersEnabled": false,
+      "gothCornerRadiusOverride": false,
+      "gothCornerRadiusValue": 12,
+      "borderEnabled": false,
+      "borderColor": "surfaceText",
+      "borderOpacity": 1,
+      "borderThickness": 1,
+      "widgetOutlineEnabled": false,
+      "widgetOutlineColor": "primary",
+      "widgetOutlineOpacity": 1,
+      "widgetOutlineThickness": 1,
+      "widgetPadding": 4,
+      "maximizeWidgetIcons": false,
+      "maximizeWidgetText": false,
+      "removeWidgetPadding": false,
+      "fontScale": 1.15,
+      "iconScale": 1.75,
+      "autoHide": false,
+      "autoHideDelay": 2000,
+      "showOnWindowsOpen": false,
+      "openOnOverview": false,
+      "visible": false,
+      "popupGapsAuto": true,
+      "popupGapsManual": 4,
+      "maximizeDetection": true,
+      "scrollEnabled": true,
+      "scrollXBehavior": "column",
+      "scrollYBehavior": "workspace",
       "shadowIntensity": 0,
       "shadowOpacity": 60,
       "shadowColorMode": "text",

DankMaterialShell/themes/acerpredator/theme.json

@@ -0,0 +1,46 @@
+{
+  "id": "acerPredator",
+  "name": "Acer Predator",
+  "version": "1.0.0",
+  "author": "ATLAS",
+  "description": "Acer Predator inspired theme (Red and Black)",
+  "dark": {
+    "primary": "#FF0000",
+    "primaryText": "#FFFFFF",
+    "primaryContainer": "#B71C1C",
+    "secondary": "#00FF00",
+    "surface": "#1E1E1E",
+    "surfaceText": "#E0E0E0",
+    "surfaceVariant": "#2C2C2C",
+    "surfaceVariantText": "#BDBDBD",
+    "surfaceTint": "#B71C1C",
+    "background": "#0E0E0E",
+    "backgroundText": "#E0E0E0",
+    "outline": "#444444",
+    "surfaceContainer": "#1C1C1C",
+    "surfaceContainerHigh": "#2A2A2A",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#FF0000"
+  },
+  "light": {
+    "primary": "#FF0000",
+    "primaryText": "#FFFFFF",
+    "primaryContainer": "#FFEBEE",
+    "secondary": "#00CC00",
+    "surface": "#FFFFFF",
+    "surfaceText": "#121212",
+    "surfaceVariant": "#E0E0E0",
+    "surfaceVariantText": "#424242",
+    "surfaceTint": "#FFEBEE",
+    "background": "#F5F5F5",
+    "backgroundText": "#121212",
+    "outline": "#BDBDBD",
+    "surfaceContainer": "#F5F5F5",
+    "surfaceContainerHigh": "#E0E0E0",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#FF0000"
+  },
+  "sourceDir": "acer-predator"
+}

DankMaterialShell/themes/alienware/theme.json

@@ -0,0 +1,46 @@
+{
+  "id": "alienware",
+  "name": "Alienware",
+  "version": "1.0.0",
+  "author": "ATLAS",
+  "description": "Alienware inspired theme (Green and Black)",
+  "dark": {
+    "primary": "#00FF00",
+    "primaryText": "#000000",
+    "primaryContainer": "#00B300",
+    "secondary": "#00CCFF",
+    "surface": "#1E1E1E",
+    "surfaceText": "#E0E0E0",
+    "surfaceVariant": "#2C2C2C",
+    "surfaceVariantText": "#BDBDBD",
+    "surfaceTint": "#00B300",
+    "background": "#0E0E0E",
+    "backgroundText": "#E0E0E0",
+    "outline": "#444444",
+    "surfaceContainer": "#1C1F1C",
+    "surfaceContainerHigh": "#2A2F2A",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#00FF00"
+  },
+  "light": {
+    "primary": "#00CC00",
+    "primaryText": "#FFFFFF",
+    "primaryContainer": "#E0FFE0",
+    "secondary": "#00B2FF",
+    "surface": "#FFFFFF",
+    "surfaceText": "#121212",
+    "surfaceVariant": "#E0E0E0",
+    "surfaceVariantText": "#424242",
+    "surfaceTint": "#E0FFE0",
+    "background": "#F5F5F5",
+    "backgroundText": "#121212",
+    "outline": "#BDBDBD",
+    "surfaceContainer": "#F5F5F5",
+    "surfaceContainerHigh": "#E0E0E0",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#00CC00"
+  },
+  "sourceDir": "alienware"
+}

DankMaterialShell/themes/amoledBlack/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="#000000"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#000000"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#000000"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#E6F0FF">Amoled Black black white (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#000000"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#E6F0FF">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#555555">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#FFFFFF"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#000000">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#999999"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#000000"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#000000"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#FFFFFF">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#000000"/>
+  <circle cx="148" cy="166" r="9" fill="#DD0000"/>
+  <circle cx="172" cy="166" r="9" fill="#FFCC00"/>
+  <circle cx="196" cy="166" r="9" fill="#999999"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#FF6600" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#E6F0FF">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/amoledBlack/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="#000000"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#000000"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#000000"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#E6F0FF">Amoled Black black white (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#000000"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#E6F0FF">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#555555">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#FFFFFF"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#000000">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#999999"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#000000"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#000000"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#FFFFFF">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#000000"/>
+  <circle cx="148" cy="166" r="9" fill="#DD0000"/>
+  <circle cx="172" cy="166" r="9" fill="#FFCC00"/>
+  <circle cx="196" cy="166" r="9" fill="#999999"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#FF6600" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#E6F0FF">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/amoledBlack/theme.json

@@ -0,0 +1,213 @@
+{
+  "id": "amoledBlack",
+  "name": "Amoled Black",
+  "version": "1.0.0",
+  "author": "acup",
+  "description": "absolutle black",
+  "dark": {},
+  "light": {},
+  "variants": {
+    "type": "multi",
+    "defaults": {
+      "dark": {
+        "accent": "white",
+        "flavor": "black"
+      },
+      "light": {
+        "accent": "white",
+        "flavor": "black-light"
+      }
+    },
+    "flavors": [
+      {
+        "id": "black",
+        "name": "black",
+        "dark": {
+          "primaryText": "#000000",
+          "primaryContainer": "#CC5200",
+          "secondary": "#999999",
+          "surface": "#000000",
+          "surfaceText": "#E6F0FF",
+          "surfaceVariant": "#000000",
+          "surfaceVariantText": "#FFFFFF",
+          "surfaceTint": "#FF6600",
+          "background": "#000000",
+          "backgroundText": "#FFFFFF",
+          "outline": "#555555",
+          "surfaceContainer": "#000000",
+          "surfaceContainerHigh": "#000000",
+          "error": "#DD0000",
+          "warning": "#FFCC00",
+          "info": "#999999"
+        },
+        "light": {}
+      },
+      {
+        "id": "black-light",
+        "name": "black",
+        "dark": {},
+        "light": {
+          "primaryText": "#000000",
+          "primaryContainer": "#CC5200",
+          "secondary": "#999999",
+          "surface": "#000000",
+          "surfaceText": "#E6F0FF",
+          "surfaceVariant": "#000000",
+          "surfaceVariantText": "#FFFFFF",
+          "surfaceTint": "#FF6600",
+          "background": "#000000",
+          "backgroundText": "#FFFFFF",
+          "outline": "#555555",
+          "surfaceContainer": "#000000",
+          "surfaceContainerHigh": "#000000",
+          "error": "#DD0000",
+          "warning": "#FFCC00",
+          "info": "#999999"
+        }
+      }
+    ],
+    "accents": [
+      {
+        "black": {
+          "primary": "#FFFFFF"
+        },
+        "black-light": {
+          "primary": "#FFFFFF"
+        },
+        "id": "white",
+        "name": "white"
+      },
+      {
+        "black": {
+          "primary": "#FF0000"
+        },
+        "black-light": {
+          "primary": "#FF0000"
+        },
+        "id": "red",
+        "name": "red"
+      },
+      {
+        "black": {
+          "primary": "#800000"
+        },
+        "black-light": {
+          "primary": "#800000"
+        },
+        "id": "maroon",
+        "name": "maroon"
+      },
+      {
+        "black": {
+          "primary": "#00FF00"
+        },
+        "black-light": {
+          "primary": "#00FF00"
+        },
+        "id": "green",
+        "name": "green"
+      },
+      {
+        "black": {
+          "primary": "#008000"
+        },
+        "black-light": {
+          "primary": "#008000"
+        },
+        "id": "dark-green",
+        "name": "dark green"
+      },
+      {
+        "black": {
+          "primary": "#ADFF2F"
+        },
+        "black-light": {
+          "primary": "#ADFF2F"
+        },
+        "id": "greenyellow",
+        "name": "greenyellow"
+      },
+      {
+        "black": {
+          "primary": "#03fc7b"
+        },
+        "black-light": {
+          "primary": "#03fc7b"
+        },
+        "id": "coral",
+        "name": "coral"
+      },
+      {
+        "black": {
+          "primary": "#0000FF"
+        },
+        "black-light": {
+          "primary": "#0000FF"
+        },
+        "id": "blue",
+        "name": "blue"
+      },
+      {
+        "black": {
+          "primary": "#03fcc6"
+        },
+        "black-light": {
+          "primary": "#03fcc6"
+        },
+        "id": "turquoise",
+        "name": "turquoise"
+      },
+      {
+        "black": {
+          "primary": "#CC00FF"
+        },
+        "black-light": {
+          "primary": "#CC00FF"
+        },
+        "id": "purple",
+        "name": "purple"
+      },
+      {
+        "black": {
+          "primary": "#fc03eb"
+        },
+        "black-light": {
+          "primary": "#fc03eb"
+        },
+        "id": "pink",
+        "name": "pink"
+      },
+      {
+        "black": {
+          "primary": "#fcfc03"
+        },
+        "black-light": {
+          "primary": "#fcfc03"
+        },
+        "id": "yellow",
+        "name": "yellow"
+      },
+      {
+        "black": {
+          "primary": "#F35C25"
+        },
+        "black-light": {
+          "primary": "#F35C25"
+        },
+        "id": "orange",
+        "name": "orange"
+      },
+      {
+        "black": {
+          "primary": "#ff7b00"
+        },
+        "black-light": {
+          "primary": "#ff7b00"
+        },
+        "id": "light-orange",
+        "name": "light orange"
+      }
+    ]
+  },
+  "sourceDir": "amoled-black-theme"
+}

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/asusrog/theme.json

@@ -0,0 +1,46 @@
+{
+  "id": "asusROG",
+  "name": "ASUS ROG",
+  "version": "1.0.0",
+  "author": "ATLAS",
+  "description": "ASUS ROG inspired theme (Red and Black)",
+  "dark": {
+    "primary": "#FF0000",
+    "primaryText": "#FFFFFF",
+    "primaryContainer": "#B71C1C",
+    "secondary": "#00FF00",
+    "surface": "#1E1E1E",
+    "surfaceText": "#E0E0E0",
+    "surfaceVariant": "#2C2C2C",
+    "surfaceVariantText": "#BDBDBD",
+    "surfaceTint": "#B71C1C",
+    "background": "#0E0E0E",
+    "backgroundText": "#E0E0E0",
+    "outline": "#444444",
+    "surfaceContainer": "#0C0C0C",
+    "surfaceContainerHigh": "#2A2A2A",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#FF0000"
+  },
+  "light": {
+    "primary": "#FF0000",
+    "primaryText": "#FFFFFF",
+    "primaryContainer": "#FFEBEE",
+    "secondary": "#00CC00",
+    "surface": "#FFFFFF",
+    "surfaceText": "#121212",
+    "surfaceVariant": "#E0E0E0",
+    "surfaceVariantText": "#424242",
+    "surfaceTint": "#FFEBEE",
+    "background": "#F5F5F5",
+    "backgroundText": "#121212",
+    "outline": "#BDBDBD",
+    "surfaceContainer": "#F5F5F5",
+    "surfaceContainerHigh": "#E0E0E0",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#FF0000"
+  },
+  "sourceDir": "asus-rog"
+}

DankMaterialShell/themes/dellxps/theme.json

@@ -0,0 +1,46 @@
+{
+  "id": "dellXPS",
+  "name": "Dell XPS",
+  "version": "1.0.0",
+  "author": "ATLAS",
+  "description": "Dell XPS inspired theme (Graphite and Platinum)",
+  "dark": {
+    "primary": "#00A9E0",
+    "primaryText": "#000000",
+    "primaryContainer": "#007DB8",
+    "secondary": "#737373",
+    "surface": "#121212",
+    "surfaceText": "#E0E0E0",
+    "surfaceVariant": "#1E1E1E",
+    "surfaceVariantText": "#BDBDBD",
+    "surfaceTint": "#007DB8",
+    "background": "#0D0D0D",
+    "backgroundText": "#E0E0E0",
+    "outline": "#444444",
+    "surfaceContainer": "#1E1E1E",
+    "surfaceContainerHigh": "#2A2A2A",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#00A9E0"
+  },
+  "light": {
+    "primary": "#007DB8",
+    "primaryText": "#000000",
+    "primaryContainer": "#E6F3FF",
+    "secondary": "#5C5C5C",
+    "surface": "#DDDDDD",
+    "surfaceText": "#121212",
+    "surfaceVariant": "#E0E0E0",
+    "surfaceVariantText": "#424242",
+    "surfaceTint": "#E6F3FF",
+    "background": "#F5F5F5",
+    "backgroundText": "#121212",
+    "outline": "#BDBDBD",
+    "surfaceContainer": "#E5E5E5",
+    "surfaceContainerHigh": "#C5ECFF",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#007DB8"
+  },
+  "sourceDir": "dell-xps"
+}

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/framework/theme.json

@@ -0,0 +1,46 @@
+{
+  "id": "framework",
+  "name": "Framework",
+  "version": "1.0.0",
+  "author": "ATLAS",
+  "description": "Framework inspired theme (Orange and Gray)",
+  "dark": {
+    "primary": "#FF6600",
+    "primaryText": "#000000",
+    "primaryContainer": "#E65C00",
+    "secondary": "#333333",
+    "surface": "#2E2E2E",
+    "surfaceText": "#E0E0E0",
+    "surfaceVariant": "#3A3A3A",
+    "surfaceVariantText": "#BDBDBD",
+    "surfaceTint": "#E65C00",
+    "background": "#121212",
+    "backgroundText": "#E0E0E0",
+    "outline": "#444444",
+    "surfaceContainer": "#1E1E1E",
+    "surfaceContainerHigh": "#2A2A2A",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#FF6600"
+  },
+  "light": {
+    "primary": "#FF6600",
+    "primaryText": "#FFE0B2",
+    "primaryContainer": "#FFE0B2",
+    "secondary": "#5C5C5C",
+    "surface": "#FBDBB7",
+    "surfaceText": "#121212",
+    "surfaceVariant": "#EBBBA7",
+    "surfaceVariantText": "#424242",
+    "surfaceTint": "#FFE0B2",
+    "background": "#F5F5F5",
+    "backgroundText": "#121212",
+    "outline": "#BDBDBD",
+    "surfaceContainer": "#E6C39A",
+    "surfaceContainerHigh": "#E0E0E0",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#FF6600"
+  },
+  "sourceDir": "framework"
+}

DankMaterialShell/themes/gigabyteaorus/theme.json

@@ -0,0 +1,46 @@
+{
+  "id": "gigabyteAorus",
+  "name": "Gigabyte Aorus",
+  "version": "1.0.0",
+  "author": "ATLAS",
+  "description": "Gigabyte Aorus inspired theme",
+  "dark": {
+    "primary": "#FF6600",
+    "primaryText": "#303030",
+    "primaryContainer": "#E65C00",
+    "secondary": "#00FF00",
+    "surface": "#1E1E1E",
+    "surfaceText": "#E0E0E0",
+    "surfaceVariant": "#2C2C2C",
+    "surfaceVariantText": "#BDBDBD",
+    "surfaceTint": "#E65C00",
+    "background": "#0E0E0E",
+    "backgroundText": "#E0E0E0",
+    "outline": "#444444",
+    "surfaceContainer": "#1C1C1C",
+    "surfaceContainerHigh": "#2A2A2A",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#FF6600"
+  },
+  "light": {
+    "primary": "#FF6600",
+    "primaryText": "#FFFFFF",
+    "primaryContainer": "#FFE0B2",
+    "secondary": "#00CC00",
+    "surface": "#FFFFFF",
+    "surfaceText": "#121212",
+    "surfaceVariant": "#E0E0E0",
+    "surfaceVariantText": "#424242",
+    "surfaceTint": "#FFE0B2",
+    "background": "#F5F5F5",
+    "backgroundText": "#121212",
+    "outline": "#BDBDBD",
+    "surfaceContainer": "#F5F5F5",
+    "surfaceContainerHigh": "#E0E0E0",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#FF6600"
+  },
+  "sourceDir": "gigabyte-aorus"
+}

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Blue (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#3584e4"/>
+  <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="#81d0ff"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#3584e4"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3584e4" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Blue (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#3584e4"/>
+  <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="#0461be"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#3584e4"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3584e4" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Blue (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#3584e4"/>
+  <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="#81d0ff"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#3584e4"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3584e4" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Blue (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#3584e4"/>
+  <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="#0461be"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#3584e4"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3584e4" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Slate (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6f8396"/>
+  <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="#bbd1e5"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#6f8396"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#6f8396" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Green (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#3a944a"/>
+  <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="#8de698"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#3a944a"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3a944a" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Green (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#3a944a"/>
+  <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="#15772e"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#3a944a"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3a944a" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Green (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#3a944a"/>
+  <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="#8de698"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#3a944a"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3a944a" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Green (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#3a944a"/>
+  <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="#15772e"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#3a944a"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3a944a" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Slate (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6f8396"/>
+  <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="#526678"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#6f8396"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#6f8396" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Orange (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#ed5b00"/>
+  <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="#ff9c5b"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#ed5b00"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#ed5b00" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Orange (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#ed5b00"/>
+  <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="#b62200"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#ed5b00"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#ed5b00" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Orange (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#ed5b00"/>
+  <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="#ff9c5b"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#ed5b00"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#ed5b00" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Orange (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#ed5b00"/>
+  <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="#b62200"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#ed5b00"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#ed5b00" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/preview-pink-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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Pink (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#d56199"/>
+  <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="#ffa0d8"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#d56199"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#d56199" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/preview-pink-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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Pink (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#d56199"/>
+  <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="#a2326c"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#d56199"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#d56199" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/preview-pink.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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Pink (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#d56199"/>
+  <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="#ffa0d8"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#d56199"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#d56199" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Pink (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#d56199"/>
+  <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="#a2326c"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#d56199"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#d56199" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Purple (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#9141ac"/>
+  <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="#fba7ff"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#9141ac"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#9141ac" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Purple (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#9141ac"/>
+  <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="#8939a4"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#9141ac"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#9141ac" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Purple (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#9141ac"/>
+  <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="#fba7ff"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#9141ac"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#9141ac" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Purple (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#9141ac"/>
+  <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="#8939a4"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#9141ac"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#9141ac" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Red (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#e62d42"/>
+  <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="#ff888c"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#e62d42"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#e62d42" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Red (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#e62d42"/>
+  <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="#c00023"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#e62d42"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#e62d42" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Red (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#e62d42"/>
+  <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="#ff888c"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#e62d42"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#e62d42" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Red (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#e62d42"/>
+  <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="#c00023"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#e62d42"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#e62d42" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/preview-slate-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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Slate (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6f8396"/>
+  <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="#bbd1e5"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#6f8396"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#6f8396" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/preview-slate-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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Slate (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6f8396"/>
+  <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="#526678"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#6f8396"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#6f8396" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/preview-slate.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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Slate (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6f8396"/>
+  <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="#bbd1e5"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#6f8396"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#6f8396" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Slate (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#6f8396"/>
+  <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="#526678"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#6f8396"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#6f8396" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/preview-teal-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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Teal (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#2190a4"/>
+  <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="#7bdff4"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#2190a4"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#2190a4" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/preview-teal-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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Teal (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#2190a4"/>
+  <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="#007184"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#2190a4"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#2190a4" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/preview-teal.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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Teal (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#2190a4"/>
+  <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="#7bdff4"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#2190a4"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#2190a4" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Teal (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#2190a4"/>
+  <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="#007184"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#2190a4"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#2190a4" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Yellow (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#c88800"/>
+  <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="#ffc057"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#c88800"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#c88800" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Yellow (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#c88800"/>
+  <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="#905300"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#c88800"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#c88800" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/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="#222226"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#1d1d20"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#222226"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">GNOME Adwaita Yellow (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#36363a"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#ffffff">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#5e5c64">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#c88800"/>
+  <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="#ffc057"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#222226"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#222226"/>
+  <circle cx="148" cy="166" r="9" fill="#c01c28"/>
+  <circle cx="172" cy="166" r="9" fill="#cd9309"/>
+  <circle cx="196" cy="166" r="9" fill="#c88800"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#c88800" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#ffffff">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="#f2f1ef"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#ffffff"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f1ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1e1e1e">GNOME Adwaita Yellow (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#fdfdfd"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1e1e1e">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#aaa7a2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#c88800"/>
+  <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="#905300"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f1ef"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f1ef"/>
+  <circle cx="148" cy="166" r="9" fill="#e01b24"/>
+  <circle cx="172" cy="166" r="9" fill="#e5a50a"/>
+  <circle cx="196" cy="166" r="9" fill="#c88800"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#c88800" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e1e">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/gnomeAdwaita/theme.json

@@ -0,0 +1,195 @@
+{
+  "id": "gnomeAdwaita",
+  "name": "GNOME Adwaita",
+  "version": "1.0.0",
+  "author": "ciyoxe",
+  "description": "GNOME-inspired theme with Adwaita accent variants",
+  "dark": {
+    "primary": "#6f8396",
+    "primaryText": "#ffffff",
+    "primaryContainer": "#2e2e32",
+    "secondary": "#bbd1e5",
+    "surface": "#1d1d20",
+    "surfaceText": "#ffffff",
+    "surfaceVariant": "#28282c",
+    "surfaceVariantText": "#ffffff",
+    "surfaceTint": "#1d1d20",
+    "background": "#222226",
+    "backgroundText": "#ffffff",
+    "outline": "#5e5c64",
+    "surfaceContainer": "#222226",
+    "surfaceContainerHigh": "#36363a",
+    "error": "#c01c28",
+    "warning": "#cd9309",
+    "info": "#6f8396"
+  },
+  "light": {
+    "primary": "#6f8396",
+    "primaryText": "#ffffff",
+    "primaryContainer": "#dce3e8",
+    "secondary": "#526678",
+    "surface": "#ffffff",
+    "surfaceText": "#1e1e1e",
+    "surfaceVariant": "#ebe9e6",
+    "surfaceVariantText": "#1e1e1e",
+    "surfaceTint": "#ffffff",
+    "background": "#f2f1ef",
+    "backgroundText": "#1e1e1e",
+    "outline": "#aaa7a2",
+    "surfaceContainer": "#f2f1ef",
+    "surfaceContainerHigh": "#fdfdfd",
+    "error": "#e01b24",
+    "warning": "#e5a50a",
+    "info": "#6f8396"
+  },
+  "variants": {
+    "default": "slate",
+    "options": [
+      {
+        "id": "blue",
+        "name": "Blue",
+        "dark": {
+          "primary": "#3584e4",
+          "secondary": "#81d0ff",
+          "surfaceTint": "#3584e4",
+          "info": "#3584e4"
+        },
+        "light": {
+          "primary": "#3584e4",
+          "secondary": "#0461be",
+          "surfaceTint": "#3584e4",
+          "info": "#3584e4"
+        }
+      },
+      {
+        "id": "teal",
+        "name": "Teal",
+        "dark": {
+          "primary": "#2190a4",
+          "secondary": "#7bdff4",
+          "surfaceTint": "#2190a4",
+          "info": "#2190a4"
+        },
+        "light": {
+          "primary": "#2190a4",
+          "secondary": "#007184",
+          "surfaceTint": "#2190a4",
+          "info": "#2190a4"
+        }
+      },
+      {
+        "id": "green",
+        "name": "Green",
+        "dark": {
+          "primary": "#3a944a",
+          "secondary": "#8de698",
+          "surfaceTint": "#3a944a",
+          "info": "#3a944a"
+        },
+        "light": {
+          "primary": "#3a944a",
+          "secondary": "#15772e",
+          "surfaceTint": "#3a944a",
+          "info": "#3a944a"
+        }
+      },
+      {
+        "id": "yellow",
+        "name": "Yellow",
+        "dark": {
+          "primary": "#c88800",
+          "secondary": "#ffc057",
+          "surfaceTint": "#c88800",
+          "info": "#c88800"
+        },
+        "light": {
+          "primary": "#c88800",
+          "secondary": "#905300",
+          "surfaceTint": "#c88800",
+          "info": "#c88800"
+        }
+      },
+      {
+        "id": "orange",
+        "name": "Orange",
+        "dark": {
+          "primary": "#ed5b00",
+          "secondary": "#ff9c5b",
+          "surfaceTint": "#ed5b00",
+          "info": "#ed5b00"
+        },
+        "light": {
+          "primary": "#ed5b00",
+          "secondary": "#b62200",
+          "surfaceTint": "#ed5b00",
+          "info": "#ed5b00"
+        }
+      },
+      {
+        "id": "red",
+        "name": "Red",
+        "dark": {
+          "primary": "#e62d42",
+          "secondary": "#ff888c",
+          "surfaceTint": "#e62d42",
+          "info": "#e62d42"
+        },
+        "light": {
+          "primary": "#e62d42",
+          "secondary": "#c00023",
+          "surfaceTint": "#e62d42",
+          "info": "#e62d42"
+        }
+      },
+      {
+        "id": "pink",
+        "name": "Pink",
+        "dark": {
+          "primary": "#d56199",
+          "secondary": "#ffa0d8",
+          "surfaceTint": "#d56199",
+          "info": "#d56199"
+        },
+        "light": {
+          "primary": "#d56199",
+          "secondary": "#a2326c",
+          "surfaceTint": "#d56199",
+          "info": "#d56199"
+        }
+      },
+      {
+        "id": "purple",
+        "name": "Purple",
+        "dark": {
+          "primary": "#9141ac",
+          "secondary": "#fba7ff",
+          "surfaceTint": "#9141ac",
+          "info": "#9141ac"
+        },
+        "light": {
+          "primary": "#9141ac",
+          "secondary": "#8939a4",
+          "surfaceTint": "#9141ac",
+          "info": "#9141ac"
+        }
+      },
+      {
+        "id": "slate",
+        "name": "Slate",
+        "dark": {
+          "primary": "#6f8396",
+          "secondary": "#bbd1e5",
+          "surfaceTint": "#6f8396",
+          "info": "#6f8396"
+        },
+        "light": {
+          "primary": "#6f8396",
+          "secondary": "#526678",
+          "surfaceTint": "#6f8396",
+          "info": "#6f8396"
+        }
+      }
+    ]
+  },
+  "sourceDir": "gnome-adwaita"
+}

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/hpomen/theme.json

@@ -0,0 +1,46 @@
+{
+  "id": "hpOmen",
+  "name": "HP Omen",
+  "version": "1.0.0",
+  "author": "ATLAS",
+  "description": "HP Omen inspired theme (Black and Red)",
+  "dark": {
+    "primary": "#FF0000",
+    "primaryText": "#FFFFFF",
+    "primaryContainer": "#8B0000",
+    "secondary": "#4A4A4A",
+    "surface": "#1A1A1A",
+    "surfaceText": "#E0E0E0",
+    "surfaceVariant": "#2E2E2E",
+    "surfaceVariantText": "#BDBDBD",
+    "surfaceTint": "#8B0000",
+    "background": "#0A0A0A",
+    "backgroundText": "#E0E0E0",
+    "outline": "#444444",
+    "surfaceContainer": "#0E0E0E",
+    "surfaceContainerHigh": "#202020",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#FF0000"
+  },
+  "light": {
+    "primary": "#FF0000",
+    "primaryText": "#FFFFFF",
+    "primaryContainer": "#FFEBEE",
+    "secondary": "#4A4A4A",
+    "surface": "#FFFFFF",
+    "surfaceText": "#121212",
+    "surfaceVariant": "#E0E0E0",
+    "surfaceVariantText": "#424242",
+    "surfaceTint": "#FFEBEE",
+    "background": "#F5F5F5",
+    "backgroundText": "#121212",
+    "outline": "#BDBDBD",
+    "surfaceContainer": "#F5F5F5",
+    "surfaceContainerHigh": "#E0E0E0",
+    "error": "#FF5252",
+    "warning": "#FFB74D",
+    "info": "#FF0000"
+  },
+  "sourceDir": "hp-omen"
+}