This commit is contained in:
2026-05-23 22:25:21 +02:00
parent bd1d2f3522
commit 844d3ca7c3
63 changed files with 3311 additions and 34 deletions
View File
View File
+8
View File
@@ -0,0 +1,8 @@
{
"maxHistory": 100,
"maxEntrySize": 20971520,
"autoClearDays": 0,
"clearAtStartup": false,
"disabled": false,
"maxPinned": 25
}
+132
View File
@@ -0,0 +1,132 @@
@media -moz-pref("userChrome.theme-material") {
:root {
--md-sys-color-primary: #33618d;
--md-sys-color-surface-tint: #33618d;
--md-sys-color-on-primary: #ffffff;
--md-sys-color-primary-container: #d0e4ff;
--md-sys-color-on-primary-container: #001d35;
--md-sys-color-secondary: #526070;
--md-sys-color-on-secondary: #ffffff;
--md-sys-color-secondary-container: #d6e4f7;
--md-sys-color-on-secondary-container: #0f1d2a;
--md-sys-color-tertiary: #6a5779;
--md-sys-color-on-tertiary: #ffffff;
--md-sys-color-tertiary-container: #f1dbff;
--md-sys-color-on-tertiary-container: #241532;
--md-sys-color-error: #ba1a1a;
--md-sys-color-on-error: #ffffff;
--md-sys-color-error-container: #ffdad6;
--md-sys-color-on-error-container: #410002;
--md-sys-color-background: #f8f9ff;
--md-sys-color-on-background: #191c20;
--md-sys-color-surface: #f8f9ff;
--md-sys-color-on-surface: #191c20;
--md-sys-color-surface-variant: #dfe3eb;
--md-sys-color-on-surface-variant: #42474e;
--md-sys-color-outline: #73777f;
--md-sys-color-outline-variant: #c2c7cf;
--md-sys-color-shadow: #000000;
--md-sys-color-scrim: #000000;
--md-sys-color-inverse-surface: #2d3135;
--md-sys-color-inverse-on-surface: #eff0f7;
--md-sys-color-inverse-primary: #9ecafc;
--md-sys-color-primary-fixed: #d0e4ff;
--md-sys-color-on-primary-fixed: #001d35;
--md-sys-color-primary-fixed-dim: #9ecafc;
--md-sys-color-on-primary-fixed-variant: #154974;
--md-sys-color-secondary-fixed: #d6e4f7;
--md-sys-color-on-secondary-fixed: #0f1d2a;
--md-sys-color-secondary-fixed-dim: #bac8db;
--md-sys-color-on-secondary-fixed-variant: #3b4857;
--md-sys-color-tertiary-fixed: #f1dbff;
--md-sys-color-on-tertiary-fixed: #241532;
--md-sys-color-tertiary-fixed-dim: #d5bee5;
--md-sys-color-on-tertiary-fixed-variant: #514060;
--md-sys-color-surface-dim: #d8dae0;
--md-sys-color-surface-bright: #f8f9ff;
--md-sys-color-surface-container-lowest: #ffffff;
--md-sys-color-surface-container-low: #f2f3f9;
--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: #9ecafc;
--md-sys-color-surface-tint: #9ecafc;
--md-sys-color-on-primary: #003256;
--md-sys-color-primary-container: #154974;
--md-sys-color-on-primary-container: #d0e4ff;
--md-sys-color-secondary: #bac8db;
--md-sys-color-on-secondary: #243140;
--md-sys-color-secondary-container: #3b4857;
--md-sys-color-on-secondary-container: #d6e4f7;
--md-sys-color-tertiary: #d5bee5;
--md-sys-color-on-tertiary: #3a2a48;
--md-sys-color-tertiary-container: #514060;
--md-sys-color-on-tertiary-container: #f1dbff;
--md-sys-color-error: #ffb4ab;
--md-sys-color-on-error: #690005;
--md-sys-color-error-container: #93000a;
--md-sys-color-on-error-container: #ffdad6;
--md-sys-color-background: #101418;
--md-sys-color-on-background: #e0e2e8;
--md-sys-color-surface: #101418;
--md-sys-color-on-surface: #e0e2e8;
--md-sys-color-surface-variant: #42474e;
--md-sys-color-on-surface-variant: #c2c7cf;
--md-sys-color-outline: #8c9199;
--md-sys-color-outline-variant: #42474e;
--md-sys-color-shadow: #000000;
--md-sys-color-scrim: #000000;
--md-sys-color-inverse-surface: #e0e2e8;
--md-sys-color-inverse-on-surface: #2d3135;
--md-sys-color-inverse-primary: #33618d;
--md-sys-color-primary-fixed: #d0e4ff;
--md-sys-color-on-primary-fixed: #001d35;
--md-sys-color-primary-fixed-dim: #9ecafc;
--md-sys-color-on-primary-fixed-variant: #154974;
--md-sys-color-secondary-fixed: #d6e4f7;
--md-sys-color-on-secondary-fixed: #0f1d2a;
--md-sys-color-secondary-fixed-dim: #bac8db;
--md-sys-color-on-secondary-fixed-variant: #3b4857;
--md-sys-color-tertiary-fixed: #f1dbff;
--md-sys-color-on-tertiary-fixed: #241532;
--md-sys-color-tertiary-fixed-dim: #d5bee5;
--md-sys-color-on-tertiary-fixed-variant: #514060;
--md-sys-color-surface-dim: #101418;
--md-sys-color-surface-bright: #36393e;
--md-sys-color-surface-container-lowest: #0b0e12;
--md-sys-color-surface-container-low: #191c20;
--md-sys-color-surface-container: #1d2024;
--md-sys-color-surface-container-high: #272a2f;
--md-sys-color-surface-container-highest: #32353a;
--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;
}
+50
View File
@@ -0,0 +1,50 @@
{
"catWidget": {
"enabled": false
},
"dankObsidian": {
"enabled": true,
"isFlatpak": false,
"noTrigger": false,
"trigger": ""
},
"dankPinentry": {
"enabled": true
},
"imageConverter": {
"enabled": true
},
"sshConnections": {
"enabled": true,
"terminal": "ghostty"
},
"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
}
}
Submodule DankMaterialShell/plugins/.repos/0026f1eba8dedaec added at 547023b3ba
Submodule DankMaterialShell/plugins/.repos/80c68c97031df69b added at b45d16f30f
Submodule DankMaterialShell/plugins/.repos/c9f8cf3b2b5ad95e added at 02df8bceb6
+1
View File
@@ -0,0 +1 @@
/home/den/.config/DankMaterialShell/plugins/.repos/0026f1eba8dedaec/DankActions
@@ -0,0 +1,3 @@
repo=https://github.com/AvengeMedia/dms-plugins
path=DankActions
repodir=0026f1eba8dedaec
+1
View File
@@ -0,0 +1 @@
/home/den/.config/DankMaterialShell/plugins/.repos/c9f8cf3b2b5ad95e/plugin
@@ -0,0 +1,3 @@
repo=https://github.com/pacman99/DankPinentry
path=plugin
repodir=c9f8cf3b2b5ad95e
+1
View File
@@ -0,0 +1 @@
/home/den/.config/DankMaterialShell/plugins/.repos/80c68c97031df69b/sshConnections
@@ -0,0 +1,3 @@
repo=https://github.com/merdely/dms-plugins
path=sshConnections
repodir=80c68c97031df69b
+678
View File
@@ -0,0 +1,678 @@
{
"currentThemeName": "dynamic",
"currentThemeCategory": "dynamic",
"customThemeFile": "",
"registryThemeVariants": {
"rosePine": "rosePine",
"catppuccin": {
"dark": {
"flavor": "frappe",
"accent": "sky"
}
}
},
"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": 500,
"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": false,
"privacyShowCameraIcon": false,
"privacyShowScreenShareIcon": false,
"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": "primary",
"workspaceFocusedBorderThickness": 2,
"workspaceNameIcons": {},
"waveProgressEnabled": true,
"scrollTitleEnabled": true,
"audioVisualizerEnabled": true,
"audioScrollMode": "volume",
"audioWheelScrollAmount": 5,
"clockCompactMode": false,
"focusedWindowCompactMode": false,
"runningAppsCompactMode": true,
"barMaxVisibleApps": 0,
"barMaxVisibleRunningApps": 0,
"barShowOverflowBadge": true,
"appsDockHideIndicators": false,
"appsDockColorizeActive": true,
"appsDockActiveColorMode": "primary",
"appsDockEnlargeOnHover": true,
"appsDockEnlargePercentage": 125,
"appsDockIconSizePercentage": 100,
"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": false,
"dankLauncherV2BorderThickness": 2,
"dankLauncherV2BorderColor": "primary",
"dankLauncherV2ShowFooter": true,
"dankLauncherV2UnloadOnClose": false,
"useAutoLocation": false,
"weatherEnabled": true,
"networkPreference": "auto",
"iconTheme": "Sweet-Blue-Filled",
"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": 0,
"dockMargin": 0,
"dockIconSize": 31,
"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": 0,
"hideBrightnessSlider": false,
"notificationTimeoutLow": 5000,
"notificationTimeoutNormal": 5000,
"notificationTimeoutCritical": 0,
"notificationCompactMode": false,
"notificationPopupPosition": 0,
"notificationAnimationSpeed": 1,
"notificationCustomAnimationDuration": 400,
"notificationHistoryEnabled": true,
"notificationHistoryMaxCount": 50,
"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": true,
"leftWidgets": [
{
"id": "launcherButton",
"enabled": true
},
{
"id": "workspaceSwitcher",
"enabled": true
},
{
"id": "layout",
"enabled": true
},
{
"id": "focusedWindow",
"enabled": true
}
],
"centerWidgets": [
{
"id": "clock",
"enabled": true
},
{
"id": "weather",
"enabled": true
},
{
"id": "cpuTemp",
"enabled": true,
"minimumWidth": true
},
{
"id": "gpuTemp",
"enabled": true,
"selectedGpuIndex": 0,
"pciId": "10de:2544"
},
{
"id": "music",
"enabled": true
}
],
"rightWidgets": [
{
"id": "systemTray",
"enabled": true
},
{
"id": "clipboard",
"enabled": true
},
{
"id": "vpn",
"enabled": true
},
{
"id": "cpuUsage",
"enabled": true
},
{
"id": "memUsage",
"enabled": true
},
{
"id": "diskUsage",
"enabled": true,
"mountPath": "/"
},
{
"id": "notificationButton",
"enabled": true
},
{
"id": "battery",
"enabled": true
},
{
"id": "controlCenterButton",
"enabled": 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": 250,
"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": "bar1779445652633",
"name": "Bar 2",
"enabled": false,
"position": 1,
"screenPreferences": [
"all"
],
"showOnLastDisplay": false,
"leftWidgets": [],
"centerWidgets": [
{
"id": "dankActions:variant_1779445455419",
"enabled": true
}
],
"rightWidgets": [],
"spacing": 4,
"innerPadding": 4,
"bottomGap": 0,
"transparency": 1,
"widgetTransparency": 1,
"squareCorners": false,
"noBackground": false,
"gothCornersEnabled": false,
"gothCornerRadiusOverride": false,
"gothCornerRadiusValue": 12,
"borderEnabled": false,
"borderColor": "primary",
"borderOpacity": 1,
"borderThickness": 1,
"widgetOutlineEnabled": false,
"widgetOutlineColor": "primary",
"widgetOutlineOpacity": 1,
"widgetOutlineThickness": 1,
"widgetPadding": 8,
"maximizeWidgetIcons": false,
"maximizeWidgetText": false,
"removeWidgetPadding": false,
"fontScale": 1,
"iconScale": 1,
"autoHide": false,
"autoHideDelay": 250,
"showOnWindowsOpen": false,
"openOnOverview": false,
"visible": true,
"popupGapsAuto": true,
"popupGapsManual": 4,
"maximizeDetection": true,
"scrollEnabled": true,
"scrollXBehavior": "column",
"scrollYBehavior": "none",
"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
}
@@ -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>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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>

After

Width:  |  Height:  |  Size: 1.7 KiB

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

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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"
}
@@ -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="#2e3440"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#3b4252"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#434c5e"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#eceff4">nord (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#4c566a"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#eceff4">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#d8dee9">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#81a1c1"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#2e3440">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#b48ead"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#434c5e"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#2e3440"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#8fbcbb">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#434c5e"/>
<circle cx="148" cy="166" r="9" fill="#bf616a"/>
<circle cx="172" cy="166" r="9" fill="#d08770"/>
<circle cx="196" cy="166" r="9" fill="#88c0d0"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#81a1c1" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#eceff4">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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="#e5e9f0"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#c2d0e7"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#b8c5db"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#2e3440">nord (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#aebacf"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#2e3440">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#60728c">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#3b6ea8"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e5e9f0">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#97365b"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#b8c5db"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#e5e9f0"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#29838d">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#b8c5db"/>
<circle cx="148" cy="166" r="9" fill="#99324b"/>
<circle cx="172" cy="166" r="9" fill="#ac4426"/>
<circle cx="196" cy="166" r="9" fill="#398eac"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#3b6ea8" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#2e3440">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

+46
View File
@@ -0,0 +1,46 @@
{
"id": "nord",
"name": "nord",
"version": "1.0.1",
"author": "wirus",
"description": "nord theme",
"dark": {
"primary": "#81a1c1",
"primaryText": "#2e3440",
"primaryContainer": "#88c0d0",
"secondary": "#b48ead",
"surface": "#3b4252",
"surfaceText": "#eceff4",
"surfaceVariant": "#434c5e",
"surfaceVariantText": "#eceff4",
"surfaceTint": "#81a1c1",
"background": "#2e3440",
"backgroundText": "#8fbcbb",
"outline": "#d8dee9",
"surfaceContainer": "#434c5e",
"surfaceContainerHigh": "#4c566a",
"error": "#bf616a",
"warning": "#d08770",
"info": "#88c0d0"
},
"light": {
"primary": "#3b6ea8",
"primaryText": "#e5e9f0",
"primaryContainer": "#398eac",
"secondary": "#97365b",
"surface": "#c2d0e7",
"surfaceText": "#2e3440",
"surfaceVariant": "#b8c5db",
"surfaceVariantText": "#3b4252",
"surfaceTint": "#3b6ea8",
"background": "#e5e9f0",
"backgroundText": "#29838d",
"outline": "#60728c",
"surfaceContainer": "#b8c5db",
"surfaceContainerHigh": "#aebacf",
"error": "#99324b",
"warning": "#ac4426",
"info": "#398eac"
},
"sourceDir": "nord"
}
@@ -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="#191724"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#1f1d2e"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#1f1d2e"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Rosé Pine (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#26233a"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#191724">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#1f1d2e"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#191724"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#1f1d2e"/>
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#c4a7e7" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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="#191724"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#26233a"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#26233a"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Dawn (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#1f1d2e"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#191724">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#26233a"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#191724"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#26233a"/>
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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="#faf4ed"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#fffaf3"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Dawn (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
<circle cx="196" cy="166" r="9" fill="#56949f"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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="#191724"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#26233a"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#26233a"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Dawn (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#1f1d2e"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#191724">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#26233a"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#191724"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#26233a"/>
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">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="#faf4ed"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#fffaf3"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Dawn (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
<circle cx="196" cy="166" r="9" fill="#56949f"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

@@ -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="#faf4ed"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#fffaf3"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Rosé Pine (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
<circle cx="196" cy="166" r="9" fill="#56949f"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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="#232136"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#2a273f"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#2a273f"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Moon (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#393552"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#232136">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#2a273f"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#232136"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#2a273f"/>
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#c4a7e7" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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="#faf4ed"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#f2e9de"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Moon (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
<circle cx="196" cy="166" r="9" fill="#56949f"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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="#232136"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#2a273f"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#2a273f"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Moon (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#393552"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#232136">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#2a273f"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#232136"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#2a273f"/>
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#c4a7e7" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">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="#faf4ed"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#f2e9de"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Moon (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
<circle cx="196" cy="166" r="9" fill="#56949f"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

@@ -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="#191724"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#1f1d2e"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#1f1d2e"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Rosé Pine (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#26233a"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#191724">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#1f1d2e"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#191724"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#1f1d2e"/>
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#c4a7e7" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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="#faf4ed"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#fffaf3"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Rosé Pine (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
<circle cx="196" cy="166" r="9" fill="#56949f"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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="#191724"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#1f1d2e"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#1f1d2e"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Rosé Pine (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#26233a"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#191724">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#1f1d2e"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#191724"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#1f1d2e"/>
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#c4a7e7" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">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="#faf4ed"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#fffaf3"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Rosé Pine (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
<circle cx="196" cy="166" r="9" fill="#56949f"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

@@ -0,0 +1,109 @@
{
"id": "rosePine",
"name": "Rosé Pine",
"version": "1.0.0",
"author": "ExistencialistaP",
"description": "All natural pine, faux fur and a bit of soho vibes for the classy minimalist",
"dark": {
"primary": "#c4a7e7",
"primaryContainer": "#26233a",
"secondary": "#f6c177",
"surfaceText": "#e0def4",
"surfaceVariantText": "#e0def4",
"backgroundText": "#e0def4",
"outline": "#908caa",
"error": "#eb6f92",
"warning": "#f6c177",
"info": "#9ccfd8"
},
"light": {
"primary": "#907aa9",
"primaryContainer": "#dfdad9",
"secondary": "#ea9d34",
"surfaceText": "#575279",
"surfaceVariantText": "#575279",
"backgroundText": "#575279",
"outline": "#797593",
"error": "#b4637a",
"warning": "#ea9d34",
"info": "#56949f"
},
"variants": {
"default": "rosePine",
"options": [
{
"id": "rosePine",
"name": "Rosé Pine",
"dark": {
"primaryText": "#191724",
"surface": "#1f1d2e",
"surfaceVariant": "#26233a",
"surfaceTint": "#c4a7e7",
"background": "#191724",
"surfaceContainer": "#1f1d2e",
"surfaceContainerHigh": "#26233a",
"surfaceContainerHighest": "#524f67"
},
"light": {
"primaryText": "#faf4ed",
"surface": "#fffaf3",
"surfaceVariant": "#f2e9de",
"surfaceTint": "#907aa9",
"background": "#faf4ed",
"surfaceContainer": "#fffaf3",
"surfaceContainerHigh": "#f2e9de",
"surfaceContainerHighest": "#cecacd"
}
},
{
"id": "moon",
"name": "Moon",
"dark": {
"primaryText": "#232136",
"surface": "#2a273f",
"surfaceVariant": "#393552",
"surfaceTint": "#c4a7e7",
"background": "#232136",
"surfaceContainer": "#2a273f",
"surfaceContainerHigh": "#393552",
"surfaceContainerHighest": "#56526e"
},
"light": {
"primaryText": "#faf4ed",
"surface": "#f2e9de",
"surfaceVariant": "#fffaf3",
"surfaceTint": "#907aa9",
"background": "#faf4ed",
"surfaceContainer": "#fffaf3",
"surfaceContainerHigh": "#f2e9de",
"surfaceContainerHighest": "#cecacd"
}
},
{
"id": "dawn",
"name": "Dawn",
"dark": {
"primaryText": "#191724",
"surface": "#26233a",
"surfaceVariant": "#1f1d2e",
"surfaceTint": "#907aa9",
"background": "#191724",
"surfaceContainer": "#26233a",
"surfaceContainerHigh": "#1f1d2e",
"surfaceContainerHighest": "#524f67"
},
"light": {
"primaryText": "#faf4ed",
"surface": "#fffaf3",
"surfaceVariant": "#f2e9de",
"surfaceTint": "#907aa9",
"background": "#faf4ed",
"surfaceContainer": "#fffaf3",
"surfaceContainerHigh": "#f2e9de",
"surfaceContainerHighest": "#dfdad9"
}
}
]
},
"sourceDir": "rose-pine"
}
@@ -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="#0e131a"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#0e131a"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#0e131a"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#fefefe">Steam Deck (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#23262e"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#fefefe">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#55585d">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#1a9fff"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#16161e">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#777a7f"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#0e131a"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#0e131a"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d5d6db">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#0e131a"/>
<circle cx="148" cy="166" r="9" fill="#f44336"/>
<circle cx="172" cy="166" r="9" fill="#ff9800"/>
<circle cx="196" cy="166" r="9" fill="#1a9fff"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#0e131a" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#fefefe">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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="#b9bfca"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#b9bfca"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#b9bfca"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#23262e">Steam Deck (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#9699a3"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#23262e">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#4c505e">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#1a73e8"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d0d5e3">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#23262e"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#b9bfca"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#b9bfca"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1a1b26">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#b9bfca"/>
<circle cx="148" cy="166" r="9" fill="#f44336"/>
<circle cx="172" cy="166" r="9" fill="#ff9800"/>
<circle cx="196" cy="166" r="9" fill="#1a73e8"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#b9bfca" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#23262e">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -0,0 +1,46 @@
{
"id": "steamDeck",
"name": "Steam Deck",
"version": "1.0.0",
"author": "yayuuu",
"description": "Steam Deck inspired theme",
"dark": {
"primary": "#1a9fff",
"primaryText": "#16161e",
"primaryContainer": "#23262e",
"secondary": "#777a7f",
"surface": "#0e131a",
"surfaceText": "#fefefe",
"surfaceVariant": "#55585d",
"surfaceVariantText": "#cbccd1",
"surfaceTint": "#0e131a",
"background": "#0e131a",
"backgroundText": "#d5d6db",
"outline": "#55585d",
"surfaceContainer": "#0e131a",
"surfaceContainerHigh": "#23262e",
"error": "#f44336",
"warning": "#ff9800",
"info": "#1a9fff"
},
"light": {
"primary": "#1a73e8",
"primaryText": "#d0d5e3",
"primaryContainer": "#b9bfca",
"secondary": "#23262e",
"surface": "#b9bfca",
"surfaceText": "#23262e",
"surfaceVariant": "#c4c8da",
"surfaceVariantText": "#1a1b26",
"surfaceTint": "#b9bfca",
"background": "#b9bfca",
"backgroundText": "#1a1b26",
"outline": "#4c505e",
"surfaceContainer": "#b9bfca",
"surfaceContainerHigh": "#9699a3",
"error": "#f44336",
"warning": "#ff9800",
"info": "#1a73e8"
},
"sourceDir": "steam-deck"
}
@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
<g transform="translate(0, 0)">
<rect width="240" height="240" fill="#16161e"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#1a1b26"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#1f2335"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#c0caf5">TokyoNight Night and Moon (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#292e42"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#c0caf5">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#3b4261">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#7aa2f7"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1a1b26">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#bb9af7"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#1f2335"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#16161e"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#c0caf5">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#1f2335"/>
<circle cx="148" cy="166" r="9" fill="#f7768e"/>
<circle cx="172" cy="166" r="9" fill="#ff9e64"/>
<circle cx="196" cy="166" r="9" fill="#7dcfff"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#7aa2f7" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#c0caf5">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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="#191B29"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#222436"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#2f334d"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#c8d3f5">TokyoNight Night and Moon (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#444a73"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#c8d3f5">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#444a73">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#82aaff"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e2030">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#c099ff"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#2f334d"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#191B29"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#c8d3f5">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#2f334d"/>
<circle cx="148" cy="166" r="9" fill="#ff757f"/>
<circle cx="172" cy="166" r="9" fill="#ff966c"/>
<circle cx="196" cy="166" r="9" fill="#86e1fc"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#82aaff" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#c8d3f5">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -0,0 +1,46 @@
{
"id": "tokyoNightNightMoon",
"name": "TokyoNight Night and Moon",
"version": "1.0.0",
"author": "Will Adams (adapted from Avenge Media)",
"description": "Popular Tokyo Night color scheme with vibrant blues and purples, Night and Moon variant",
"dark": {
"primary": "#7aa2f7",
"primaryText": "#1a1b26",
"primaryContainer": "#7dcfff",
"secondary": "#bb9af7",
"surface": "#1a1b26",
"surfaceText": "#c0caf5",
"surfaceVariant": "#24283b",
"surfaceVariantText": "#a9b1d6",
"surfaceTint": "#7aa2f7",
"background": "#16161e",
"backgroundText": "#c0caf5",
"outline": "#3b4261",
"surfaceContainer": "#1f2335",
"surfaceContainerHigh": "#292e42",
"error": "#f7768e",
"warning": "#ff9e64",
"info": "#7dcfff"
},
"light": {
"primary": "#82aaff",
"primaryText": "#1e2030",
"primaryContainer": "#86e1fc",
"secondary": "#c099ff",
"surface": "#222436",
"surfaceText": "#c8d3f5",
"surfaceVariant": "#2f334d",
"surfaceVariantText": "#828bb8",
"surfaceTint": "#82aaff",
"background": "#191B29",
"backgroundText": "#c8d3f5",
"outline": "#444a73",
"surfaceContainer": "#2f334d",
"surfaceContainerHigh": "#444a73",
"error": "#ff757f",
"warning": "#ff966c",
"info": "#86e1fc"
},
"sourceDir": "tokyonight-night-moon"
}