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/clsettings.json

@@ -0,0 +1,8 @@
+{
+  "maxHistory": 100,
+  "maxEntrySize": 20971520,
+  "autoClearDays": 0,
+  "clearAtStartup": false,
+  "disabled": false,
+  "maxPinned": 25
+}

DankMaterialShell/firefox.css

@@ -0,0 +1,132 @@
+@media -moz-pref("userChrome.theme-material") {
+  :root {
+    --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: #515e7d;
+    --md-sys-color-on-secondary: #ffffff;
+    --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: #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: #151c24;
+    --md-sys-color-surface: #f8f9ff;
+    --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: #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: #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: #eef4ff;
+    --md-sys-color-surface-container: #f8f9ff;
+    --md-sys-color-surface-container-high: #f8f9ff;
+    --md-sys-color-surface-container-highest: #f8f9ff;
+
+    --m3-radius: 12px;
+    --m3-radius-sm: 10px;
+    --m3-elev-0: none;
+    --m3-elev-1: 0 1px 2px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06);
+    --m3-elev-2: 0 2px 6px rgba(0,0,0,.10), 0 1px 3px rgba(0,0,0,.06);
+
+    --tab-height: 34px;
+    --urlbar-height: 38px;
+
+    --state-hover: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);
+    --state-press: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);
+
+    --focus-ring: 0 0 0 2px color-mix(in srgb, var(--md-sys-color-primary) 70%, transparent);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --md-sys-color-primary: #9bcaff;
+    --md-sys-color-surface-tint: #9bcaff;
+    --md-sys-color-on-primary: #003256;
+    --md-sys-color-primary-container: #00497a;
+    --md-sys-color-on-primary-container: #d0e4ff;
+    --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: #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: #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: #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);
+
+    --state-hover: color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent);
+    --state-press: color-mix(in srgb, var(--md-sys-color-on-surface) 10%, transparent);
+  }
+}
+
+/* idk if this even works, but the suggestion in the material updated readme bricks symbols no matter how many fallbacks I add */
+:root {
+  font-family: system-ui, "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
+}

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

@@ -0,0 +1,53 @@
+{
+  "catWidget": {
+    "enabled": false
+  },
+  "dankObsidian": {
+    "enabled": true,
+    "isFlatpak": false,
+    "noTrigger": false,
+    "trigger": ""
+  },
+  "dankPinentry": {
+    "enabled": true
+  },
+  "imageConverter": {
+    "enabled": true
+  },
+  "sshConnections": {
+    "enabled": true,
+    "terminal": "ghostty",
+    "history": [
+      "chrome"
+    ]
+  },
+  "usbManager": {
+    "enabled": true
+  },
+  "dankActions": {
+    "enabled": true,
+    "variants": [
+      {
+        "icon": "none",
+        "displayText": "",
+        "displayCommand": "shuf -n 1 ~/.config/sdgos/tips/tips.list | cut -d '?' -f 2",
+        "clickCommand": "",
+        "middleClickCommand": "",
+        "rightClickCommand": "",
+        "updateInterval": 15,
+        "showIcon": false,
+        "showText": true,
+        "visibilityCommand": "",
+        "visibilityInterval": 0,
+        "id": "variant_1779445455419",
+        "name": "SDGOS-Tips"
+      }
+    ]
+  },
+  "dankKDEConnect": {
+    "enabled": true
+  },
+  "dankHooks": {
+    "enabled": true
+  }
+}

DankMaterialShell/plugins/dankActions

@@ -0,0 +1 @@
+/home/den/.config/DankMaterialShell/plugins/.repos/0026f1eba8dedaec/DankActions

DankMaterialShell/plugins/dankActions.meta

@@ -0,0 +1,3 @@
+repo=https://github.com/AvengeMedia/dms-plugins
+path=DankActions
+repodir=0026f1eba8dedaec

DankMaterialShell/plugins/dankPinentry

@@ -0,0 +1 @@
+/home/den/.config/DankMaterialShell/plugins/.repos/c9f8cf3b2b5ad95e/plugin

DankMaterialShell/plugins/dankPinentry.meta

@@ -0,0 +1,3 @@
+repo=https://github.com/pacman99/DankPinentry
+path=plugin
+repodir=c9f8cf3b2b5ad95e

DankMaterialShell/plugins/sshConnections

@@ -0,0 +1 @@
+/home/den/.config/DankMaterialShell/plugins/.repos/80c68c97031df69b/sshConnections

DankMaterialShell/plugins/sshConnections.meta

@@ -0,0 +1,3 @@
+repo=https://github.com/merdely/dms-plugins
+path=sshConnections
+repodir=80c68c97031df69b

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/catppuccin/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="#1e1e2e"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#181825"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#1e1e2e"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#cdd6f4">Catppuccin Mocha Mauve (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#313244"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#cdd6f4">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#6c7086">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#cba6f7"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e2e">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#b4befe"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#1e1e2e"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#1e1e2e"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#cdd6f4">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#1e1e2e"/>
+  <circle cx="148" cy="166" r="9" fill="#f38ba8"/>
+  <circle cx="172" cy="166" r="9" fill="#fab387"/>
+  <circle cx="196" cy="166" r="9" fill="#89b4fa"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#33293f" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#cdd6f4">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/catppuccin/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="#eff1f5"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#e6e9ef"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#e6e9ef"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#4c4f69">Catppuccin Latte Mauve (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#ccd0da"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#4c4f69">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#9ca0b0">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#8839ef"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#eff1f5">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#7287fd"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#e6e9ef"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#eff1f5"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4c4f69">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#e6e9ef"/>
+  <circle cx="148" cy="166" r="9" fill="#d20f39"/>
+  <circle cx="172" cy="166" r="9" fill="#fe640b"/>
+  <circle cx="196" cy="166" r="9" fill="#1e66f5"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#eadcff" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4c4f69">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/catppuccin/theme.json

@@ -0,0 +1,555 @@
+{
+  "id": "catppuccin",
+  "name": "Catppuccin",
+  "version": "1.0.0",
+  "author": "Avenge Media",
+  "description": "Soothing pastel theme for the high-spirited",
+  "dark": {},
+  "light": {},
+  "variants": {
+    "type": "multi",
+    "defaults": {
+      "dark": {
+        "accent": "mauve",
+        "flavor": "mocha"
+      },
+      "light": {
+        "accent": "mauve",
+        "flavor": "latte"
+      }
+    },
+    "flavors": [
+      {
+        "id": "mocha",
+        "name": "Mocha",
+        "dark": {
+          "surface": "#181825",
+          "surfaceText": "#cdd6f4",
+          "surfaceVariant": "#1e1e2e",
+          "surfaceVariantText": "#a6adc8",
+          "background": "#1e1e2e",
+          "backgroundText": "#cdd6f4",
+          "outline": "#6c7086",
+          "surfaceContainer": "#1e1e2e",
+          "surfaceContainerHigh": "#313244",
+          "surfaceContainerHighest": "#45475a",
+          "error": "#f38ba8",
+          "warning": "#fab387",
+          "info": "#89b4fa"
+        },
+        "light": {}
+      },
+      {
+        "id": "macchiato",
+        "name": "Macchiato",
+        "dark": {
+          "surface": "#1e2030",
+          "surfaceText": "#cad3f5",
+          "surfaceVariant": "#24273a",
+          "surfaceVariantText": "#a5adcb",
+          "background": "#24273a",
+          "backgroundText": "#cad3f5",
+          "outline": "#6e738d",
+          "surfaceContainer": "#24273a",
+          "surfaceContainerHigh": "#363a4f",
+          "surfaceContainerHighest": "#494d64",
+          "error": "#ed8796",
+          "warning": "#f5a97f",
+          "info": "#8aadf4"
+        },
+        "light": {}
+      },
+      {
+        "id": "frappe",
+        "name": "Frappé",
+        "dark": {
+          "surface": "#292c3c",
+          "surfaceText": "#c6d0f5",
+          "surfaceVariant": "#303446",
+          "surfaceVariantText": "#a5adce",
+          "background": "#303446",
+          "backgroundText": "#c6d0f5",
+          "outline": "#737994",
+          "surfaceContainer": "#303446",
+          "surfaceContainerHigh": "#414559",
+          "surfaceContainerHighest": "#51576d",
+          "error": "#e78284",
+          "warning": "#ef9f76",
+          "info": "#8caaee"
+        },
+        "light": {}
+      },
+      {
+        "id": "latte",
+        "name": "Latte",
+        "dark": {},
+        "light": {
+          "surface": "#e6e9ef",
+          "surfaceText": "#4c4f69",
+          "surfaceVariant": "#eff1f5",
+          "surfaceVariantText": "#6c6f85",
+          "background": "#eff1f5",
+          "backgroundText": "#4c4f69",
+          "outline": "#9ca0b0",
+          "surfaceContainer": "#e6e9ef",
+          "surfaceContainerHigh": "#ccd0da",
+          "surfaceContainerHighest": "#bcc0cc",
+          "error": "#d20f39",
+          "warning": "#fe640b",
+          "info": "#1e66f5"
+        }
+      }
+    ],
+    "accents": [
+      {
+        "frappe": {
+          "primary": "#f2d5cf",
+          "primaryText": "#303446",
+          "primaryContainer": "#76534f",
+          "secondary": "#eebebe",
+          "surfaceTint": "#3a2f33"
+        },
+        "id": "rosewater",
+        "latte": {
+          "primary": "#dc8a78",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#f6e7e3",
+          "secondary": "#dd7878",
+          "surfaceTint": "#f6e7e3"
+        },
+        "macchiato": {
+          "primary": "#f4dbd6",
+          "primaryText": "#24273a",
+          "primaryContainer": "#7a5853",
+          "secondary": "#f0c6c6",
+          "surfaceTint": "#3b3035"
+        },
+        "mocha": {
+          "primary": "#f5e0dc",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#7d5d56",
+          "secondary": "#f2cdcd",
+          "surfaceTint": "#3d3237"
+        },
+        "name": "Rosewater"
+      },
+      {
+        "frappe": {
+          "primary": "#eebebe",
+          "primaryText": "#303446",
+          "primaryContainer": "#744f52",
+          "secondary": "#f2d5cf",
+          "surfaceTint": "#392e31"
+        },
+        "id": "flamingo",
+        "latte": {
+          "primary": "#dd7878",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#f6e5e5",
+          "secondary": "#dc8a78",
+          "surfaceTint": "#f6e5e5"
+        },
+        "macchiato": {
+          "primary": "#f0c6c6",
+          "primaryText": "#24273a",
+          "primaryContainer": "#775256",
+          "secondary": "#f4dbd6",
+          "surfaceTint": "#3a3033"
+        },
+        "mocha": {
+          "primary": "#f2cdcd",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#7a555a",
+          "secondary": "#f5e0dc",
+          "surfaceTint": "#3c3134"
+        },
+        "name": "Flamingo"
+      },
+      {
+        "frappe": {
+          "primary": "#f4b8e4",
+          "primaryText": "#303446",
+          "primaryContainer": "#793d65",
+          "secondary": "#ca9ee6",
+          "surfaceTint": "#3c2e37"
+        },
+        "id": "pink",
+        "latte": {
+          "primary": "#ea76cb",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#f7d7ee",
+          "secondary": "#8839ef",
+          "surfaceTint": "#f7d7ee"
+        },
+        "macchiato": {
+          "primary": "#f5bde6",
+          "primaryText": "#24273a",
+          "primaryContainer": "#7a3e67",
+          "secondary": "#c6a0f6",
+          "surfaceTint": "#3d2f38"
+        },
+        "mocha": {
+          "primary": "#f5c2e7",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#7a3f69",
+          "secondary": "#cba6f7",
+          "surfaceTint": "#3d2f39"
+        },
+        "name": "Pink"
+      },
+      {
+        "frappe": {
+          "primary": "#ca9ee6",
+          "primaryText": "#303446",
+          "primaryContainer": "#542f79",
+          "secondary": "#babbf1",
+          "surfaceTint": "#33293c"
+        },
+        "id": "mauve",
+        "latte": {
+          "primary": "#8839ef",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#eadcff",
+          "secondary": "#7287fd",
+          "surfaceTint": "#eadcff"
+        },
+        "macchiato": {
+          "primary": "#c6a0f6",
+          "primaryText": "#24273a",
+          "primaryContainer": "#532f7d",
+          "secondary": "#b7bdf8",
+          "surfaceTint": "#32293e"
+        },
+        "mocha": {
+          "primary": "#cba6f7",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#55307f",
+          "secondary": "#b4befe",
+          "surfaceTint": "#33293f"
+        },
+        "name": "Mauve"
+      },
+      {
+        "frappe": {
+          "primary": "#e78284",
+          "primaryText": "#303446",
+          "primaryContainer": "#692233",
+          "secondary": "#ea999c",
+          "surfaceTint": "#38272e"
+        },
+        "id": "red",
+        "latte": {
+          "primary": "#d20f39",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#f6d0d6",
+          "secondary": "#e64553",
+          "surfaceTint": "#f6d0d6"
+        },
+        "macchiato": {
+          "primary": "#ed8796",
+          "primaryText": "#24273a",
+          "primaryContainer": "#6c2336",
+          "secondary": "#ee99a0",
+          "surfaceTint": "#3a2830"
+        },
+        "mocha": {
+          "primary": "#f38ba8",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#6f2438",
+          "secondary": "#eba0ac",
+          "surfaceTint": "#3c2930"
+        },
+        "name": "Red"
+      },
+      {
+        "frappe": {
+          "primary": "#ea999c",
+          "primaryText": "#303446",
+          "primaryContainer": "#69333d",
+          "secondary": "#e78284",
+          "surfaceTint": "#382a2f"
+        },
+        "id": "maroon",
+        "latte": {
+          "primary": "#e64553",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#f7d8dc",
+          "secondary": "#d20f39",
+          "surfaceTint": "#f7d8dc"
+        },
+        "macchiato": {
+          "primary": "#ee99a0",
+          "primaryText": "#24273a",
+          "primaryContainer": "#6b343f",
+          "secondary": "#ed8796",
+          "surfaceTint": "#392b30"
+        },
+        "mocha": {
+          "primary": "#eba0ac",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#6d3641",
+          "secondary": "#f38ba8",
+          "surfaceTint": "#3a2c31"
+        },
+        "name": "Maroon"
+      },
+      {
+        "frappe": {
+          "primary": "#ef9f76",
+          "primaryText": "#303446",
+          "primaryContainer": "#6d3e24",
+          "secondary": "#e5c890",
+          "surfaceTint": "#382e27"
+        },
+        "id": "peach",
+        "latte": {
+          "primary": "#fe640b",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#ffe4d5",
+          "secondary": "#df8e1d",
+          "surfaceTint": "#ffe4d5"
+        },
+        "macchiato": {
+          "primary": "#f5a97f",
+          "primaryText": "#24273a",
+          "primaryContainer": "#704025",
+          "secondary": "#eed49f",
+          "surfaceTint": "#3a2f28"
+        },
+        "mocha": {
+          "primary": "#fab387",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#734226",
+          "secondary": "#f9e2af",
+          "surfaceTint": "#3b3028"
+        },
+        "name": "Peach"
+      },
+      {
+        "frappe": {
+          "primary": "#e5c890",
+          "primaryText": "#303446",
+          "primaryContainer": "#68542c",
+          "secondary": "#a6d189",
+          "surfaceTint": "#383428"
+        },
+        "id": "yellow",
+        "latte": {
+          "primary": "#df8e1d",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#fff6d6",
+          "secondary": "#40a02b",
+          "surfaceTint": "#fff6d6"
+        },
+        "macchiato": {
+          "primary": "#eed49f",
+          "primaryText": "#24273a",
+          "primaryContainer": "#6b572e",
+          "secondary": "#a6da95",
+          "surfaceTint": "#393529"
+        },
+        "mocha": {
+          "primary": "#f9e2af",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#6e5a2f",
+          "secondary": "#a6e3a1",
+          "surfaceTint": "#3a362a"
+        },
+        "name": "Yellow"
+      },
+      {
+        "frappe": {
+          "primary": "#a6d189",
+          "primaryText": "#303446",
+          "primaryContainer": "#2d5932",
+          "secondary": "#81c8be",
+          "surfaceTint": "#2a362b"
+        },
+        "id": "green",
+        "latte": {
+          "primary": "#40a02b",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#dff4e0",
+          "secondary": "#179299",
+          "surfaceTint": "#dff4e0"
+        },
+        "macchiato": {
+          "primary": "#a6da95",
+          "primaryText": "#24273a",
+          "primaryContainer": "#2e5c34",
+          "secondary": "#8bd5ca",
+          "surfaceTint": "#2b372c"
+        },
+        "mocha": {
+          "primary": "#a6e3a1",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#2f5f36",
+          "secondary": "#94e2d5",
+          "surfaceTint": "#2b382c"
+        },
+        "name": "Green"
+      },
+      {
+        "frappe": {
+          "primary": "#81c8be",
+          "primaryText": "#303446",
+          "primaryContainer": "#2c5853",
+          "secondary": "#99d1db",
+          "surfaceTint": "#2a3634"
+        },
+        "id": "teal",
+        "latte": {
+          "primary": "#179299",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#daf3f1",
+          "secondary": "#04a5e5",
+          "surfaceTint": "#daf3f1"
+        },
+        "macchiato": {
+          "primary": "#8bd5ca",
+          "primaryText": "#24273a",
+          "primaryContainer": "#2d5b56",
+          "secondary": "#91d7e3",
+          "surfaceTint": "#2b3735"
+        },
+        "mocha": {
+          "primary": "#94e2d5",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#2e5e59",
+          "secondary": "#89dceb",
+          "surfaceTint": "#2b3836"
+        },
+        "name": "Teal"
+      },
+      {
+        "frappe": {
+          "primary": "#99d1db",
+          "primaryText": "#303446",
+          "primaryContainer": "#245464",
+          "secondary": "#85c1dc",
+          "surfaceTint": "#283438"
+        },
+        "id": "sky",
+        "latte": {
+          "primary": "#04a5e5",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#dbf1fb",
+          "secondary": "#209fb5",
+          "surfaceTint": "#dbf1fb"
+        },
+        "macchiato": {
+          "primary": "#91d7e3",
+          "primaryText": "#24273a",
+          "primaryContainer": "#245667",
+          "secondary": "#7dc4e4",
+          "surfaceTint": "#293539"
+        },
+        "mocha": {
+          "primary": "#89dceb",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#24586a",
+          "secondary": "#74c7ec",
+          "surfaceTint": "#29363a"
+        },
+        "name": "Sky"
+      },
+      {
+        "frappe": {
+          "primary": "#85c1dc",
+          "primaryText": "#303446",
+          "primaryContainer": "#1f4967",
+          "secondary": "#8caaee",
+          "surfaceTint": "#27323a"
+        },
+        "id": "sapphire",
+        "latte": {
+          "primary": "#209fb5",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#def3f8",
+          "secondary": "#1e66f5",
+          "surfaceTint": "#def3f8"
+        },
+        "macchiato": {
+          "primary": "#7dc4e4",
+          "primaryText": "#24273a",
+          "primaryContainer": "#1f4b6b",
+          "secondary": "#8aadf4",
+          "surfaceTint": "#27333b"
+        },
+        "mocha": {
+          "primary": "#74c7ec",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#1f4d6f",
+          "secondary": "#89b4fa",
+          "surfaceTint": "#27343c"
+        },
+        "name": "Sapphire"
+      },
+      {
+        "frappe": {
+          "primary": "#8caaee",
+          "primaryText": "#303446",
+          "primaryContainer": "#243d6f",
+          "secondary": "#babbf1",
+          "surfaceTint": "#282f3b"
+        },
+        "id": "blue",
+        "latte": {
+          "primary": "#1e66f5",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#e0e9ff",
+          "secondary": "#7287fd",
+          "surfaceTint": "#e0e9ff"
+        },
+        "macchiato": {
+          "primary": "#8aadf4",
+          "primaryText": "#24273a",
+          "primaryContainer": "#243e72",
+          "secondary": "#b7bdf8",
+          "surfaceTint": "#29303c"
+        },
+        "mocha": {
+          "primary": "#89b4fa",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#243f75",
+          "secondary": "#b4befe",
+          "surfaceTint": "#29313d"
+        },
+        "name": "Blue"
+      },
+      {
+        "frappe": {
+          "primary": "#babbf1",
+          "primaryText": "#303446",
+          "primaryContainer": "#3d427b",
+          "secondary": "#ca9ee6",
+          "surfaceTint": "#2e2f3e"
+        },
+        "id": "lavender",
+        "latte": {
+          "primary": "#7287fd",
+          "primaryText": "#eff1f5",
+          "primaryContainer": "#e5e8ff",
+          "secondary": "#8839ef",
+          "surfaceTint": "#e5e8ff"
+        },
+        "macchiato": {
+          "primary": "#b7bdf8",
+          "primaryText": "#24273a",
+          "primaryContainer": "#3e437e",
+          "secondary": "#c6a0f6",
+          "surfaceTint": "#2f303f"
+        },
+        "mocha": {
+          "primary": "#b4befe",
+          "primaryText": "#1e1e2e",
+          "primaryContainer": "#3f4481",
+          "secondary": "#cba6f7",
+          "surfaceTint": "#2f3140"
+        },
+        "name": "Lavender"
+      }
+    ]
+  },
+  "sourceDir": "catppuccin"
+}

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/dracula/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="#282a36"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#21222c"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#282a36"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#f8f8f2">Dracula (dark)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#313244"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#f8f8f2">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#6272a4">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#bd93f9"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#282a36">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#ff79c6"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#282a36"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#282a36"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f8f8f2">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#282a36"/>
+  <circle cx="148" cy="166" r="9" fill="#ff5555"/>
+  <circle cx="172" cy="166" r="9" fill="#f1fa8c"/>
+  <circle cx="196" cy="166" r="9" fill="#8be9fd"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#3d2f43" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f8f8f2">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/dracula/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="#f5f6fa"/>
+  <rect x="8" y="8" width="224" height="224" rx="8" fill="#f8f8f2"/>
+  <rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f2f7"/>
+  <text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#282a36">Dracula (light)</text>
+  <rect x="16" y="60" width="208" height="72" rx="6" fill="#ececf2"/>
+  <text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#282a36">Surface Text</text>
+  <text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#c8c8d2">Outline color</text>
+  <rect x="28" y="108" width="72" height="18" rx="9" fill="#8332f4"/>
+  <text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f8f8f2">Primary</text>
+  <rect x="108" y="108" width="48" height="18" rx="4" fill="#ff79c6"/>
+  <rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f2f7"/>
+  <rect x="24" y="148" width="84" height="36" rx="4" fill="#f5f6fa"/>
+  <text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#282a36">Background</text>
+  <rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f2f7"/>
+  <circle cx="148" cy="166" r="9" fill="#ff5555"/>
+  <circle cx="172" cy="166" r="9" fill="#f1fa8c"/>
+  <circle cx="196" cy="166" r="9" fill="#8be9fd"/>
+  <rect x="16" y="200" width="208" height="24" rx="4" fill="#8332f4" opacity="0.15"/>
+  <text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#282a36">Surface Tint Overlay</text>
+</g>
+</svg>

DankMaterialShell/themes/dracula/theme.json

@@ -0,0 +1,48 @@
+{
+  "id": "dracula",
+  "name": "Dracula",
+  "version": "1.0.2",
+  "author": "Graplo",
+  "description": "Dracula dark theme with Alucard light variant",
+  "dark": {
+    "primary": "#bd93f9",
+    "primaryText": "#282a36",
+    "primaryContainer": "#7c5ac7",
+    "secondary": "#ff79c6",
+    "surface": "#21222c",
+    "surfaceText": "#f8f8f2",
+    "surfaceVariant": "#282a36",
+    "surfaceVariantText": "#f8f8f2",
+    "surfaceTint": "#3d2f43",
+    "background": "#282a36",
+    "backgroundText": "#f8f8f2",
+    "outline": "#6272a4",
+    "surfaceContainer": "#282a36",
+    "surfaceContainerHigh": "#313244",
+    "surfaceContainerHighest": "#44475a",
+    "error": "#ff5555",
+    "warning": "#f1fa8c",
+    "info": "#8be9fd"
+  },
+  "light": {
+    "primary": "#8332f4",
+    "primaryText": "#f8f8f2",
+    "primaryContainer": "#c9a4ff",
+    "secondary": "#ff79c6",
+    "surface": "#f8f8f2",
+    "surfaceText": "#282a36",
+    "surfaceVariant": "#e9e9f0",
+    "surfaceVariantText": "#44475a",
+    "surfaceTint": "#8332f4",
+    "background": "#f5f6fa",
+    "backgroundText": "#282a36",
+    "outline": "#c8c8d2",
+    "surfaceContainer": "#f2f2f7",
+    "surfaceContainerHigh": "#ececf2",
+    "surfaceContainerHighest": "#e6e6ee",
+    "error": "#ff5555",
+    "warning": "#f1fa8c",
+    "info": "#8be9fd"
+  },
+  "sourceDir": "dracula"
+}

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>