added various brand themes

This commit is contained in:
2026-06-05 11:20:31 +02:00
parent 42034ee108
commit b2d3415dee
101 changed files with 2888 additions and 201 deletions
+88 -88
View File
@@ -1,54 +1,54 @@
@media -moz-pref("userChrome.theme-material") { @media -moz-pref("userChrome.theme-material") {
:root { :root {
--md-sys-color-primary: #b16286; --md-sys-color-primary: #76ba99;
--md-sys-color-surface-tint: #b16286; --md-sys-color-surface-tint: #76ba99;
--md-sys-color-on-primary: #1c1c1c; --md-sys-color-on-primary: #ffffff;
--md-sys-color-primary-container: #8f3f71; --md-sys-color-primary-container: #e0f0eb;
--md-sys-color-on-primary-container: #1c1c1c; --md-sys-color-on-primary-container: #121212;
--md-sys-color-secondary: #458588; --md-sys-color-secondary: #5c7080;
--md-sys-color-on-secondary: #1c1c1c; --md-sys-color-on-secondary: #ffffff;
--md-sys-color-secondary-container: #d1c4ac; --md-sys-color-secondary-container: #e0e0e0;
--md-sys-color-on-secondary-container: #1c1c1c; --md-sys-color-on-secondary-container: #121212;
--md-sys-color-tertiary: #458588; --md-sys-color-tertiary: #5c7080;
--md-sys-color-on-tertiary: #1c1c1c; --md-sys-color-on-tertiary: #ffffff;
--md-sys-color-tertiary-container: #d1c4ac; --md-sys-color-tertiary-container: #e0e0e0;
--md-sys-color-on-tertiary-container: #1c1c1c; --md-sys-color-on-tertiary-container: #121212;
--md-sys-color-error: #cc241d; --md-sys-color-error: #ff5252;
--md-sys-color-on-error: #ffffff; --md-sys-color-on-error: #ffffff;
--md-sys-color-error-container: #f9dedc; --md-sys-color-error-container: #f9dedc;
--md-sys-color-on-error-container: #410e0b; --md-sys-color-on-error-container: #410e0b;
--md-sys-color-background: #e5d4b1; --md-sys-color-background: #f5f5f5;
--md-sys-color-on-background: #3c3836; --md-sys-color-on-background: #121212;
--md-sys-color-surface: #e5d4b1; --md-sys-color-surface: #f5f5f5;
--md-sys-color-on-surface: #1c1c1c; --md-sys-color-on-surface: #121212;
--md-sys-color-surface-variant: #bdae9d; --md-sys-color-surface-variant: #e0e0e0;
--md-sys-color-on-surface-variant: #282828; --md-sys-color-on-surface-variant: #424242;
--md-sys-color-outline: #303030; --md-sys-color-outline: #bdbdbd;
--md-sys-color-outline-variant: #bdae9d; --md-sys-color-outline-variant: #e0e0e0;
--md-sys-color-shadow: #000000; --md-sys-color-shadow: #000000;
--md-sys-color-scrim: #000000; --md-sys-color-scrim: #000000;
--md-sys-color-inverse-surface: #1c1c1c; --md-sys-color-inverse-surface: #121212;
--md-sys-color-inverse-on-surface: #fbf1c7; --md-sys-color-inverse-on-surface: #e0e0e0;
--md-sys-color-inverse-primary: #83a598; --md-sys-color-inverse-primary: #76ba99;
--md-sys-color-primary-fixed: #8f3f71; --md-sys-color-primary-fixed: #e0f0eb;
--md-sys-color-on-primary-fixed: #1c1c1c; --md-sys-color-on-primary-fixed: #ffffff;
--md-sys-color-primary-fixed-dim: #b16286; --md-sys-color-primary-fixed-dim: #76ba99;
--md-sys-color-on-primary-fixed-variant: #1c1c1c; --md-sys-color-on-primary-fixed-variant: #ffffff;
--md-sys-color-secondary-fixed: #458588; --md-sys-color-secondary-fixed: #5c7080;
--md-sys-color-on-secondary-fixed: #1c1c1c; --md-sys-color-on-secondary-fixed: #ffffff;
--md-sys-color-secondary-fixed-dim: #458588; --md-sys-color-secondary-fixed-dim: #5c7080;
--md-sys-color-on-secondary-fixed-variant: #1c1c1c; --md-sys-color-on-secondary-fixed-variant: #ffffff;
--md-sys-color-tertiary-fixed: #458588; --md-sys-color-tertiary-fixed: #5c7080;
--md-sys-color-on-tertiary-fixed: #1c1c1c; --md-sys-color-on-tertiary-fixed: #ffffff;
--md-sys-color-tertiary-fixed-dim: #458588; --md-sys-color-tertiary-fixed-dim: #5c7080;
--md-sys-color-on-tertiary-fixed-variant: #1c1c1c; --md-sys-color-on-tertiary-fixed-variant: #ffffff;
--md-sys-color-surface-dim: #ebdbb2; --md-sys-color-surface-dim: #f5f5f5;
--md-sys-color-surface-bright: #fbf1c7; --md-sys-color-surface-bright: #ffffff;
--md-sys-color-surface-container-lowest: #e5d4b1; --md-sys-color-surface-container-lowest: #f5f5f5;
--md-sys-color-surface-container-low: #fbf1c7; --md-sys-color-surface-container-low: #ffffff;
--md-sys-color-surface-container: #e5d4b1; --md-sys-color-surface-container: #f5f5f5;
--md-sys-color-surface-container-high: #e5d4b1; --md-sys-color-surface-container-high: #f5f5f5;
--md-sys-color-surface-container-highest: #e5d4b1; --md-sys-color-surface-container-highest: #f5f5f5;
--m3-radius: 12px; --m3-radius: 12px;
--m3-radius-sm: 10px; --m3-radius-sm: 10px;
@@ -68,55 +68,55 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--md-sys-color-primary: #83a598; --md-sys-color-primary: #76ba99;
--md-sys-color-surface-tint: #83a598; --md-sys-color-surface-tint: #76ba99;
--md-sys-color-on-primary: #1c1c1c; --md-sys-color-on-primary: #000000;
--md-sys-color-primary-container: #458588; --md-sys-color-primary-container: #5a9a80;
--md-sys-color-on-primary-container: #fbf1c7; --md-sys-color-on-primary-container: #e0e0e0;
--md-sys-color-secondary: #b16286; --md-sys-color-secondary: #5c7080;
--md-sys-color-on-secondary: #1c1c1c; --md-sys-color-on-secondary: #000000;
--md-sys-color-secondary-container: #3c3836; --md-sys-color-secondary-container: #2a2a2a;
--md-sys-color-on-secondary-container: #fbf1c7; --md-sys-color-on-secondary-container: #e0e0e0;
--md-sys-color-tertiary: #b16286; --md-sys-color-tertiary: #5c7080;
--md-sys-color-on-tertiary: #1c1c1c; --md-sys-color-on-tertiary: #000000;
--md-sys-color-tertiary-container: #3c3836; --md-sys-color-tertiary-container: #2a2a2a;
--md-sys-color-on-tertiary-container: #fbf1c7; --md-sys-color-on-tertiary-container: #e0e0e0;
--md-sys-color-error: #cc241d; --md-sys-color-error: #ff5252;
--md-sys-color-on-error: #601410; --md-sys-color-on-error: #601410;
--md-sys-color-error-container: #8c1d18; --md-sys-color-error-container: #8c1d18;
--md-sys-color-on-error-container: #f9dedc; --md-sys-color-on-error-container: #f9dedc;
--md-sys-color-background: #1c1c1c; --md-sys-color-background: #121212;
--md-sys-color-on-background: #a89984; --md-sys-color-on-background: #e0e0e0;
--md-sys-color-surface: #1c1c1c; --md-sys-color-surface: #121212;
--md-sys-color-on-surface: #fbf1c7; --md-sys-color-on-surface: #e0e0e0;
--md-sys-color-surface-variant: #303030; --md-sys-color-surface-variant: #1e1e1e;
--md-sys-color-on-surface-variant: #ebdbb2; --md-sys-color-on-surface-variant: #bdbdbd;
--md-sys-color-outline: #ebdbb2; --md-sys-color-outline: #444444;
--md-sys-color-outline-variant: #303030; --md-sys-color-outline-variant: #1e1e1e;
--md-sys-color-shadow: #000000; --md-sys-color-shadow: #000000;
--md-sys-color-scrim: #000000; --md-sys-color-scrim: #000000;
--md-sys-color-inverse-surface: #fbf1c7; --md-sys-color-inverse-surface: #ffffff;
--md-sys-color-inverse-on-surface: #1c1c1c; --md-sys-color-inverse-on-surface: #121212;
--md-sys-color-inverse-primary: #b16286; --md-sys-color-inverse-primary: #76ba99;
--md-sys-color-primary-fixed: #458588; --md-sys-color-primary-fixed: #5a9a80;
--md-sys-color-on-primary-fixed: #1c1c1c; --md-sys-color-on-primary-fixed: #000000;
--md-sys-color-primary-fixed-dim: #83a598; --md-sys-color-primary-fixed-dim: #76ba99;
--md-sys-color-on-primary-fixed-variant: #1c1c1c; --md-sys-color-on-primary-fixed-variant: #000000;
--md-sys-color-secondary-fixed: #b16286; --md-sys-color-secondary-fixed: #5c7080;
--md-sys-color-on-secondary-fixed: #1c1c1c; --md-sys-color-on-secondary-fixed: #000000;
--md-sys-color-secondary-fixed-dim: #b16286; --md-sys-color-secondary-fixed-dim: #5c7080;
--md-sys-color-on-secondary-fixed-variant: #1c1c1c; --md-sys-color-on-secondary-fixed-variant: #000000;
--md-sys-color-tertiary-fixed: #b16286; --md-sys-color-tertiary-fixed: #5c7080;
--md-sys-color-on-tertiary-fixed: #1c1c1c; --md-sys-color-on-tertiary-fixed: #000000;
--md-sys-color-tertiary-fixed-dim: #b16286; --md-sys-color-tertiary-fixed-dim: #5c7080;
--md-sys-color-on-tertiary-fixed-variant: #1c1c1c; --md-sys-color-on-tertiary-fixed-variant: #000000;
--md-sys-color-surface-dim: #1c1c1c; --md-sys-color-surface-dim: #121212;
--md-sys-color-surface-bright: #504945; --md-sys-color-surface-bright: #2a2a2a;
--md-sys-color-surface-container-lowest: #1c1c1c; --md-sys-color-surface-container-lowest: #121212;
--md-sys-color-surface-container-low: #1c1c1c; --md-sys-color-surface-container-low: #121212;
--md-sys-color-surface-container: #282828; --md-sys-color-surface-container: #1e1e1e;
--md-sys-color-surface-container-high: #3c3836; --md-sys-color-surface-container-high: #2a2a2a;
--md-sys-color-surface-container-highest: #504945; --md-sys-color-surface-container-highest: #2a2a2a;
--m3-elev-1: 0 1px 2px rgba(0,0,0,.50), 0 1px 3px rgba(0,0,0,.35); --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); --m3-elev-2: 0 4px 10px rgba(0,0,0,.55), 0 1px 3px rgba(0,0,0,.35);
+16 -3
View File
@@ -1,7 +1,7 @@
{ {
"currentThemeName": "custom", "currentThemeName": "custom",
"currentThemeCategory": "registry", "currentThemeCategory": "custom",
"customThemeFile": "/home/den/.config/DankMaterialShell/themes/retrobox/theme.json", "customThemeFile": "/home/den/.config/DankMaterialShell/themes/system76/theme.json",
"registryThemeVariants": { "registryThemeVariants": {
"rosePine": "rosePine", "rosePine": "rosePine",
"catppuccin": { "catppuccin": {
@@ -12,7 +12,20 @@
}, },
"everforest": "medium", "everforest": "medium",
"flexoki": "orange", "flexoki": "orange",
"gruvboxMaterial": "hard" "gruvboxMaterial": "hard",
"gnomeAdwaita": "red",
"modus": {
"dark": {
"flavor": "vivendi",
"accent": "cyan"
}
},
"amoledBlack": {
"dark": {
"flavor": "black",
"accent": "red"
}
}
}, },
"matugenScheme": "scheme-vibrant", "matugenScheme": "scheme-vibrant",
"runUserMatugenTemplates": true, "runUserMatugenTemplates": true,
@@ -0,0 +1,46 @@
{
"id": "acerPredator",
"name": "Acer Predator",
"version": "1.0.0",
"author": "ATLAS",
"description": "Acer Predator inspired theme",
"dark": {
"primary": "#FF0000",
"primaryText": "#FFFFFF",
"primaryContainer": "#B71C1C",
"secondary": "#00FF00",
"surface": "#0E0E0E",
"surfaceText": "#E0E0E0",
"surfaceVariant": "#1C1C1C",
"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"
}
@@ -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>

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="#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>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -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"
}
@@ -0,0 +1,46 @@
{
"id": "asusROG",
"name": "ASUS ROG",
"version": "1.0.0",
"author": "ATLAS",
"description": "ASUS ROG inspired theme",
"dark": {
"primary": "#FF0000",
"primaryText": "#FFFFFF",
"primaryContainer": "#B71C1C",
"secondary": "#00FF00",
"surface": "#0E0E0E",
"surfaceText": "#E0E0E0",
"surfaceVariant": "#1C1C1C",
"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": "asus-rog"
}
@@ -0,0 +1,46 @@
{
"id": "dellXPS",
"name": "Dell XPS",
"version": "1.0.0",
"author": "ATLAS",
"description": "Dell XPS inspired theme",
"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": "#FFFFFF",
"primaryContainer": "#E6F3FF",
"secondary": "#5C5C5C",
"surface": "#FFFFFF",
"surfaceText": "#121212",
"surfaceVariant": "#E0E0E0",
"surfaceVariantText": "#424242",
"surfaceTint": "#E6F3FF",
"background": "#F5F5F5",
"backgroundText": "#121212",
"outline": "#BDBDBD",
"surfaceContainer": "#F5F5F5",
"surfaceContainerHigh": "#E0E0E0",
"error": "#FF5252",
"warning": "#FFB74D",
"info": "#007DB8"
},
"sourceDir": "dell-xps"
}
@@ -0,0 +1,46 @@
{
"id": "framework",
"name": "Framework",
"version": "1.0.0",
"author": "ATLAS",
"description": "Framework inspired theme",
"dark": {
"primary": "#FF6600",
"primaryText": "#000000",
"primaryContainer": "#E65C00",
"secondary": "#333333",
"surface": "#121212",
"surfaceText": "#E0E0E0",
"surfaceVariant": "#1E1E1E",
"surfaceVariantText": "#BDBDBD",
"surfaceTint": "#E65C00",
"background": "#121212",
"backgroundText": "#E0E0E0",
"outline": "#444444",
"surfaceContainer": "#1E1E1E",
"surfaceContainerHigh": "#2A2A2A",
"error": "#FF5252",
"warning": "#FFB74D",
"info": "#FF6600"
},
"light": {
"primary": "#FF6600",
"primaryText": "#FFFFFF",
"primaryContainer": "#FFE0B2",
"secondary": "#5C5C5C",
"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": "framework"
}
@@ -0,0 +1,46 @@
{
"id": "gigabyteAorus",
"name": "Gigabyte Aorus",
"version": "1.0.0",
"author": "ATLAS",
"description": "Gigabyte Aorus inspired theme",
"dark": {
"primary": "#FF6600",
"primaryText": "#000000",
"primaryContainer": "#E65C00",
"secondary": "#00FF00",
"surface": "#0E0E0E",
"surfaceText": "#E0E0E0",
"surfaceVariant": "#1C1C1C",
"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"
}
@@ -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>

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="#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>

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="#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>

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="#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>

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="#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>

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="#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>

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="#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>

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="#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>

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="#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>

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="#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>

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="#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>

After

Width:  |  Height:  |  Size: 3.4 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="#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>

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="#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>

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="#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>

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="#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>

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="#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>

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="#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>

After

Width:  |  Height:  |  Size: 3.4 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="#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>

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="#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>

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="#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>

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="#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>

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="#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>

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="#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>

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="#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>

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="#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>

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

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

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

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

After

Width:  |  Height:  |  Size: 3.4 KiB

@@ -0,0 +1,195 @@
{
"id": "gnomeAdwaita",
"name": "GNOME Adwaita",
"version": "1.0.0",
"author": "ciyoxe",
"description": "GNOME-inspired theme with Adwaita accent variants",
"dark": {
"primary": "#6f8396",
"primaryText": "#ffffff",
"primaryContainer": "#2e2e32",
"secondary": "#bbd1e5",
"surface": "#1d1d20",
"surfaceText": "#ffffff",
"surfaceVariant": "#28282c",
"surfaceVariantText": "#ffffff",
"surfaceTint": "#1d1d20",
"background": "#222226",
"backgroundText": "#ffffff",
"outline": "#5e5c64",
"surfaceContainer": "#222226",
"surfaceContainerHigh": "#36363a",
"error": "#c01c28",
"warning": "#cd9309",
"info": "#6f8396"
},
"light": {
"primary": "#6f8396",
"primaryText": "#ffffff",
"primaryContainer": "#dce3e8",
"secondary": "#526678",
"surface": "#ffffff",
"surfaceText": "#1e1e1e",
"surfaceVariant": "#ebe9e6",
"surfaceVariantText": "#1e1e1e",
"surfaceTint": "#ffffff",
"background": "#f2f1ef",
"backgroundText": "#1e1e1e",
"outline": "#aaa7a2",
"surfaceContainer": "#f2f1ef",
"surfaceContainerHigh": "#fdfdfd",
"error": "#e01b24",
"warning": "#e5a50a",
"info": "#6f8396"
},
"variants": {
"default": "slate",
"options": [
{
"id": "blue",
"name": "Blue",
"dark": {
"primary": "#3584e4",
"secondary": "#81d0ff",
"surfaceTint": "#3584e4",
"info": "#3584e4"
},
"light": {
"primary": "#3584e4",
"secondary": "#0461be",
"surfaceTint": "#3584e4",
"info": "#3584e4"
}
},
{
"id": "teal",
"name": "Teal",
"dark": {
"primary": "#2190a4",
"secondary": "#7bdff4",
"surfaceTint": "#2190a4",
"info": "#2190a4"
},
"light": {
"primary": "#2190a4",
"secondary": "#007184",
"surfaceTint": "#2190a4",
"info": "#2190a4"
}
},
{
"id": "green",
"name": "Green",
"dark": {
"primary": "#3a944a",
"secondary": "#8de698",
"surfaceTint": "#3a944a",
"info": "#3a944a"
},
"light": {
"primary": "#3a944a",
"secondary": "#15772e",
"surfaceTint": "#3a944a",
"info": "#3a944a"
}
},
{
"id": "yellow",
"name": "Yellow",
"dark": {
"primary": "#c88800",
"secondary": "#ffc057",
"surfaceTint": "#c88800",
"info": "#c88800"
},
"light": {
"primary": "#c88800",
"secondary": "#905300",
"surfaceTint": "#c88800",
"info": "#c88800"
}
},
{
"id": "orange",
"name": "Orange",
"dark": {
"primary": "#ed5b00",
"secondary": "#ff9c5b",
"surfaceTint": "#ed5b00",
"info": "#ed5b00"
},
"light": {
"primary": "#ed5b00",
"secondary": "#b62200",
"surfaceTint": "#ed5b00",
"info": "#ed5b00"
}
},
{
"id": "red",
"name": "Red",
"dark": {
"primary": "#e62d42",
"secondary": "#ff888c",
"surfaceTint": "#e62d42",
"info": "#e62d42"
},
"light": {
"primary": "#e62d42",
"secondary": "#c00023",
"surfaceTint": "#e62d42",
"info": "#e62d42"
}
},
{
"id": "pink",
"name": "Pink",
"dark": {
"primary": "#d56199",
"secondary": "#ffa0d8",
"surfaceTint": "#d56199",
"info": "#d56199"
},
"light": {
"primary": "#d56199",
"secondary": "#a2326c",
"surfaceTint": "#d56199",
"info": "#d56199"
}
},
{
"id": "purple",
"name": "Purple",
"dark": {
"primary": "#9141ac",
"secondary": "#fba7ff",
"surfaceTint": "#9141ac",
"info": "#9141ac"
},
"light": {
"primary": "#9141ac",
"secondary": "#8939a4",
"surfaceTint": "#9141ac",
"info": "#9141ac"
}
},
{
"id": "slate",
"name": "Slate",
"dark": {
"primary": "#6f8396",
"secondary": "#bbd1e5",
"surfaceTint": "#6f8396",
"info": "#6f8396"
},
"light": {
"primary": "#6f8396",
"secondary": "#526678",
"surfaceTint": "#6f8396",
"info": "#6f8396"
}
}
]
},
"sourceDir": "gnome-adwaita"
}
@@ -0,0 +1,46 @@
{
"id": "hpSpectre",
"name": "HP Spectre",
"version": "1.0.0",
"author": "ATLAS",
"description": "HP Spectre inspired theme",
"dark": {
"primary": "#0096D6",
"primaryText": "#FFFFFF",
"primaryContainer": "#006994",
"secondary": "#737373",
"surface": "#121212",
"surfaceText": "#E0E0E0",
"surfaceVariant": "#1E1E1E",
"surfaceVariantText": "#BDBDBD",
"surfaceTint": "#006994",
"background": "#0D0D0D",
"backgroundText": "#E0E0E0",
"outline": "#444444",
"surfaceContainer": "#1E1E1E",
"surfaceContainerHigh": "#2A2A2A",
"error": "#FF5252",
"warning": "#FFB74D",
"info": "#0096D6"
},
"light": {
"primary": "#0096D6",
"primaryText": "#FFFFFF",
"primaryContainer": "#E0F2FE",
"secondary": "#5C5C5C",
"surface": "#FFFFFF",
"surfaceText": "#121212",
"surfaceVariant": "#E0E0E0",
"surfaceVariantText": "#424242",
"surfaceTint": "#E0F2FE",
"background": "#F5F5F5",
"backgroundText": "#121212",
"outline": "#BDBDBD",
"surfaceContainer": "#F5F5F5",
"surfaceContainerHigh": "#E0E0E0",
"error": "#FF5252",
"warning": "#FFB74D",
"info": "#0096D6"
},
"sourceDir": "hp-spectre"
}
@@ -0,0 +1,46 @@
{
"id": "appleMacBook",
"name": "Apple MacBook",
"version": "1.0.0",
"author": "ATLAS",
"description": "Apple MacBook inspired theme",
"dark": {
"primary": "#007AFF",
"primaryText": "#FFFFFF",
"primaryContainer": "#0A63D5",
"secondary": "#737373",
"surface": "#1C1C1E",
"surfaceText": "#F5F5F7",
"surfaceVariant": "#2C2C2E",
"surfaceVariantText": "#CBCBCB",
"surfaceTint": "#0A63D5",
"background": "#1C1C1E",
"backgroundText": "#F5F5F7",
"outline": "#48484A",
"surfaceContainer": "#2C2C2E",
"surfaceContainerHigh": "#3A3A3C",
"error": "#FF3B30",
"warning": "#FF9F0A",
"info": "#007AFF"
},
"light": {
"primary": "#007AFF",
"primaryText": "#FFFFFF",
"primaryContainer": "#E3F2FF",
"secondary": "#5C5C5C",
"surface": "#F5F5F7",
"surfaceText": "#1C1C1E",
"surfaceVariant": "#E5E5EA",
"surfaceVariantText": "#1C1C1E",
"surfaceTint": "#E3F2FF",
"background": "#F5F5F7",
"backgroundText": "#1C1C1E",
"outline": "#C6C6C8",
"surfaceContainer": "#F5F5F7",
"surfaceContainerHigh": "#E5E5EA",
"error": "#FF3B30",
"warning": "#FF9F0A",
"info": "#007AFF"
},
"sourceDir": "apple-macbook"
}
@@ -0,0 +1,46 @@
{
"id": "microsoftSurface",
"name": "Microsoft Surface",
"version": "1.0.0",
"author": "ATLAS",
"description": "Microsoft Surface inspired theme",
"dark": {
"primary": "#0078D4",
"primaryText": "#FFFFFF",
"primaryContainer": "#005A9E",
"secondary": "#737373",
"surface": "#121212",
"surfaceText": "#E0E0E0",
"surfaceVariant": "#1E1E1E",
"surfaceVariantText": "#BDBDBD",
"surfaceTint": "#005A9E",
"background": "#0D0D0D",
"backgroundText": "#E0E0E0",
"outline": "#444444",
"surfaceContainer": "#1E1E1E",
"surfaceContainerHigh": "#2A2A2A",
"error": "#FF5252",
"warning": "#FFB74D",
"info": "#0078D4"
},
"light": {
"primary": "#0078D4",
"primaryText": "#FFFFFF",
"primaryContainer": "#E6F0FA",
"secondary": "#5C5C5C",
"surface": "#FFFFFF",
"surfaceText": "#121212",
"surfaceVariant": "#E0E0E0",
"surfaceVariantText": "#424242",
"surfaceTint": "#E6F0FA",
"background": "#F5F5F5",
"backgroundText": "#121212",
"outline": "#BDBDBD",
"surfaceContainer": "#F5F5F5",
"surfaceContainerHigh": "#E0E0E0",
"error": "#FF5252",
"warning": "#FFB74D",
"info": "#0078D4"
},
"sourceDir": "microsoft-surface"
}
@@ -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="#1e1e1e"/>
<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="#303030"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#ffffff">Modus Standard Blue (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#535353"/>
<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="#646464">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#2fafff"/>
<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="#79a8ff"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#303030"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#1e1e1e"/>
<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="#303030"/>
<circle cx="148" cy="166" r="9" fill="#ff5f59"/>
<circle cx="172" cy="166" r="9" fill="#d0bc00"/>
<circle cx="196" cy="166" r="9" fill="#00d3d0"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#0a1a2e" 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>

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="#f2f2f2"/>
<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="#e0e0e0"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#000000">Modus Standard Blue (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#c4c4c4"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#000000">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#9f9f9f">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#0031a9"/>
<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="#3548cf"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#e0e0e0"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#f2f2f2"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#000000">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#e0e0e0"/>
<circle cx="148" cy="166" r="9" fill="#a60000"/>
<circle cx="172" cy="166" r="9" fill="#6f5500"/>
<circle cx="196" cy="166" r="9" fill="#005e8b"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#eef1ff" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#000000">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

+667
View File
@@ -0,0 +1,667 @@
{
"id": "modus",
"name": "Modus",
"version": "1.0.0",
"author": "Jeremy Cowgar",
"description": "Accessible themes conforming to the highest color-contrast standard (WCAG AAA)",
"dark": {},
"light": {},
"variants": {
"type": "multi",
"defaults": {
"dark": {
"accent": "blue",
"flavor": "vivendi"
},
"light": {
"accent": "blue",
"flavor": "operandi"
}
},
"flavors": [
{
"id": "operandi",
"name": "Standard",
"dark": {},
"light": {
"surface": "#ffffff",
"surfaceText": "#000000",
"surfaceVariant": "#f2f2f2",
"surfaceVariantText": "#595959",
"background": "#f2f2f2",
"backgroundText": "#000000",
"outline": "#9f9f9f",
"surfaceContainer": "#e0e0e0",
"surfaceContainerHigh": "#c4c4c4",
"surfaceContainerHighest": "#ababab",
"error": "#a60000",
"warning": "#6f5500",
"info": "#005e8b"
}
},
{
"id": "operandi-tinted",
"name": "Tinted",
"dark": {},
"light": {
"surface": "#fbf7f0",
"surfaceText": "#000000",
"surfaceVariant": "#efe9dd",
"surfaceVariantText": "#595959",
"background": "#efe9dd",
"backgroundText": "#000000",
"outline": "#9f9690",
"surfaceContainer": "#dfd5cf",
"surfaceContainerHigh": "#c9b9b0",
"surfaceContainerHighest": "#b3a093",
"error": "#a60000",
"warning": "#6f5500",
"info": "#005e8b"
}
},
{
"id": "operandi-deuteranopia",
"name": "Deuteranopia",
"dark": {},
"light": {
"surface": "#ffffff",
"surfaceText": "#000000",
"surfaceVariant": "#f2f2f2",
"surfaceVariantText": "#595959",
"background": "#f2f2f2",
"backgroundText": "#000000",
"outline": "#9f9f9f",
"surfaceContainer": "#e0e0e0",
"surfaceContainerHigh": "#c4c4c4",
"surfaceContainerHighest": "#ababab",
"error": "#d00000",
"warning": "#884900",
"info": "#005e8b"
}
},
{
"id": "operandi-tritanopia",
"name": "Tritanopia",
"dark": {},
"light": {
"surface": "#ffffff",
"surfaceText": "#000000",
"surfaceVariant": "#f2f2f2",
"surfaceVariantText": "#595959",
"background": "#f2f2f2",
"backgroundText": "#000000",
"outline": "#9f9f9f",
"surfaceContainer": "#e0e0e0",
"surfaceContainerHigh": "#c4c4c4",
"surfaceContainerHighest": "#ababab",
"error": "#a0132f",
"warning": "#695500",
"info": "#005f5f"
}
},
{
"id": "vivendi",
"name": "Standard",
"dark": {
"surface": "#000000",
"surfaceText": "#ffffff",
"surfaceVariant": "#1e1e1e",
"surfaceVariantText": "#989898",
"background": "#1e1e1e",
"backgroundText": "#ffffff",
"outline": "#646464",
"surfaceContainer": "#303030",
"surfaceContainerHigh": "#535353",
"surfaceContainerHighest": "#6a6a6a",
"error": "#ff5f59",
"warning": "#d0bc00",
"info": "#00d3d0"
},
"light": {}
},
{
"id": "vivendi-tinted",
"name": "Tinted",
"dark": {
"surface": "#0d0e1c",
"surfaceText": "#ffffff",
"surfaceVariant": "#1d2235",
"surfaceVariantText": "#989898",
"background": "#1d2235",
"backgroundText": "#ffffff",
"outline": "#61647a",
"surfaceContainer": "#2b3045",
"surfaceContainerHigh": "#4a4f69",
"surfaceContainerHighest": "#5f6480",
"error": "#ff5f59",
"warning": "#d0bc00",
"info": "#00d3d0"
},
"light": {}
},
{
"id": "vivendi-deuteranopia",
"name": "Deuteranopia",
"dark": {
"surface": "#000000",
"surfaceText": "#ffffff",
"surfaceVariant": "#1e1e1e",
"surfaceVariantText": "#989898",
"background": "#1e1e1e",
"backgroundText": "#ffffff",
"outline": "#646464",
"surfaceContainer": "#303030",
"surfaceContainerHigh": "#535353",
"surfaceContainerHighest": "#6a6a6a",
"error": "#ff5f59",
"warning": "#fec43f",
"info": "#00d3d0"
},
"light": {}
},
{
"id": "vivendi-tritanopia",
"name": "Tritanopia",
"dark": {
"surface": "#000000",
"surfaceText": "#ffffff",
"surfaceVariant": "#1e1e1e",
"surfaceVariantText": "#989898",
"background": "#1e1e1e",
"backgroundText": "#ffffff",
"outline": "#646464",
"surfaceContainer": "#303030",
"surfaceContainerHigh": "#535353",
"surfaceContainerHighest": "#6a6a6a",
"error": "#ff7f86",
"warning": "#cabf00",
"info": "#6ae4b9"
},
"light": {}
}
],
"accents": [
{
"id": "blue",
"name": "Blue",
"operandi": {
"primary": "#0031a9",
"primaryText": "#ffffff",
"primaryContainer": "#dde4ff",
"secondary": "#3548cf",
"surfaceTint": "#eef1ff"
},
"operandi-deuteranopia": {
"primary": "#0031a9",
"primaryText": "#ffffff",
"primaryContainer": "#dde4ff",
"secondary": "#3548cf",
"surfaceTint": "#eef1ff"
},
"operandi-tinted": {
"primary": "#0031a9",
"primaryText": "#fbf7f0",
"primaryContainer": "#dde4ff",
"secondary": "#3548cf",
"surfaceTint": "#eee9e1"
},
"operandi-tritanopia": {
"primary": "#0031a9",
"primaryText": "#ffffff",
"primaryContainer": "#dde4ff",
"secondary": "#531ab6",
"surfaceTint": "#eef1ff"
},
"vivendi": {
"primary": "#2fafff",
"primaryText": "#000000",
"primaryContainer": "#0f3a5e",
"secondary": "#79a8ff",
"surfaceTint": "#0a1a2e"
},
"vivendi-deuteranopia": {
"primary": "#2fafff",
"primaryText": "#000000",
"primaryContainer": "#0f3a5e",
"secondary": "#79a8ff",
"surfaceTint": "#0a1a2e"
},
"vivendi-tinted": {
"primary": "#2fafff",
"primaryText": "#0d0e1c",
"primaryContainer": "#0f3a5e",
"secondary": "#79a8ff",
"surfaceTint": "#0e1530"
},
"vivendi-tritanopia": {
"primary": "#2fafff",
"primaryText": "#000000",
"primaryContainer": "#0f3a5e",
"secondary": "#b6a0ff",
"surfaceTint": "#0a1a2e"
}
},
{
"id": "red",
"name": "Red",
"operandi": {
"primary": "#a60000",
"primaryText": "#ffffff",
"primaryContainer": "#ffdcdc",
"secondary": "#972500",
"surfaceTint": "#fff0f0"
},
"operandi-deuteranopia": {
"primary": "#a60000",
"primaryText": "#ffffff",
"primaryContainer": "#ffdcdc",
"secondary": "#972500",
"surfaceTint": "#fff0f0"
},
"operandi-tinted": {
"primary": "#a60000",
"primaryText": "#fbf7f0",
"primaryContainer": "#ffdcdc",
"secondary": "#972500",
"surfaceTint": "#f5e8e0"
},
"operandi-tritanopia": {
"primary": "#a0132f",
"primaryText": "#ffffff",
"primaryContainer": "#ffdce3",
"secondary": "#972500",
"surfaceTint": "#fff0f0"
},
"vivendi": {
"primary": "#ff5f59",
"primaryText": "#000000",
"primaryContainer": "#5e1a17",
"secondary": "#ff6b55",
"surfaceTint": "#2e0d0b"
},
"vivendi-deuteranopia": {
"primary": "#ff5f59",
"primaryText": "#000000",
"primaryContainer": "#5e1a17",
"secondary": "#ff6b55",
"surfaceTint": "#2e0d0b"
},
"vivendi-tinted": {
"primary": "#ff5f59",
"primaryText": "#0d0e1c",
"primaryContainer": "#5e1a17",
"secondary": "#ff6b55",
"surfaceTint": "#1e0e1a"
},
"vivendi-tritanopia": {
"primary": "#ff7f86",
"primaryText": "#000000",
"primaryContainer": "#5e2025",
"secondary": "#ff6b55",
"surfaceTint": "#2e0d0b"
}
},
{
"id": "green",
"name": "Green",
"operandi": {
"primary": "#006800",
"primaryText": "#ffffff",
"primaryContainer": "#d5f5d0",
"secondary": "#00663f",
"surfaceTint": "#edf7eb"
},
"operandi-deuteranopia": {
"primary": "#006800",
"primaryText": "#ffffff",
"primaryContainer": "#d5f5d0",
"secondary": "#00663f",
"surfaceTint": "#edf7eb"
},
"operandi-tinted": {
"primary": "#006800",
"primaryText": "#fbf7f0",
"primaryContainer": "#d5f5d0",
"secondary": "#00663f",
"surfaceTint": "#e6eede"
},
"operandi-tritanopia": {
"primary": "#006800",
"primaryText": "#ffffff",
"primaryContainer": "#d5f5d0",
"secondary": "#00663f",
"surfaceTint": "#edf7eb"
},
"vivendi": {
"primary": "#44bc44",
"primaryText": "#000000",
"primaryContainer": "#1a4a1a",
"secondary": "#00c06f",
"surfaceTint": "#0d250d"
},
"vivendi-deuteranopia": {
"primary": "#44bc44",
"primaryText": "#000000",
"primaryContainer": "#1a4a1a",
"secondary": "#00c06f",
"surfaceTint": "#0d250d"
},
"vivendi-tinted": {
"primary": "#44bc44",
"primaryText": "#0d0e1c",
"primaryContainer": "#1a4a1a",
"secondary": "#00c06f",
"surfaceTint": "#0e1518"
},
"vivendi-tritanopia": {
"primary": "#44bc44",
"primaryText": "#000000",
"primaryContainer": "#1a4a1a",
"secondary": "#00c06f",
"surfaceTint": "#0d250d"
}
},
{
"id": "yellow",
"name": "Yellow",
"operandi": {
"primary": "#6f5500",
"primaryText": "#ffffff",
"primaryContainer": "#f5e8c8",
"secondary": "#884900",
"surfaceTint": "#f8f1e2"
},
"operandi-deuteranopia": {
"primary": "#6f5500",
"primaryText": "#ffffff",
"primaryContainer": "#f5e8c8",
"secondary": "#884900",
"surfaceTint": "#f8f1e2"
},
"operandi-tinted": {
"primary": "#6f5500",
"primaryText": "#fbf7f0",
"primaryContainer": "#f5e8c8",
"secondary": "#884900",
"surfaceTint": "#efe5d5"
},
"operandi-tritanopia": {
"primary": "#6f5500",
"primaryText": "#ffffff",
"primaryContainer": "#f5e8c8",
"secondary": "#884900",
"surfaceTint": "#f8f1e2"
},
"vivendi": {
"primary": "#d0bc00",
"primaryText": "#000000",
"primaryContainer": "#4a4200",
"secondary": "#fec43f",
"surfaceTint": "#252000"
},
"vivendi-deuteranopia": {
"primary": "#d0bc00",
"primaryText": "#000000",
"primaryContainer": "#4a4200",
"secondary": "#fec43f",
"surfaceTint": "#252000"
},
"vivendi-tinted": {
"primary": "#d0bc00",
"primaryText": "#0d0e1c",
"primaryContainer": "#4a4200",
"secondary": "#fec43f",
"surfaceTint": "#15161a"
},
"vivendi-tritanopia": {
"primary": "#d0bc00",
"primaryText": "#000000",
"primaryContainer": "#4a4200",
"secondary": "#fec43f",
"surfaceTint": "#252000"
}
},
{
"id": "magenta",
"name": "Magenta",
"operandi": {
"primary": "#721045",
"primaryText": "#ffffff",
"primaryContainer": "#fdd6ea",
"secondary": "#531ab6",
"surfaceTint": "#f9edf4"
},
"operandi-deuteranopia": {
"primary": "#721045",
"primaryText": "#ffffff",
"primaryContainer": "#fdd6ea",
"secondary": "#531ab6",
"surfaceTint": "#f9edf4"
},
"operandi-tinted": {
"primary": "#721045",
"primaryText": "#fbf7f0",
"primaryContainer": "#fdd6ea",
"secondary": "#531ab6",
"surfaceTint": "#f0e5de"
},
"operandi-tritanopia": {
"primary": "#721045",
"primaryText": "#ffffff",
"primaryContainer": "#fdd6ea",
"secondary": "#531ab6",
"surfaceTint": "#f9edf4"
},
"vivendi": {
"primary": "#feacd0",
"primaryText": "#000000",
"primaryContainer": "#5e3048",
"secondary": "#b6a0ff",
"surfaceTint": "#2e1824"
},
"vivendi-deuteranopia": {
"primary": "#feacd0",
"primaryText": "#000000",
"primaryContainer": "#5e3048",
"secondary": "#b6a0ff",
"surfaceTint": "#2e1824"
},
"vivendi-tinted": {
"primary": "#feacd0",
"primaryText": "#0d0e1c",
"primaryContainer": "#5e3048",
"secondary": "#b6a0ff",
"surfaceTint": "#1a1224"
},
"vivendi-tritanopia": {
"primary": "#feacd0",
"primaryText": "#000000",
"primaryContainer": "#5e3048",
"secondary": "#b6a0ff",
"surfaceTint": "#2e1824"
}
},
{
"id": "cyan",
"name": "Cyan",
"operandi": {
"primary": "#005e8b",
"primaryText": "#ffffff",
"primaryContainer": "#d0eaf5",
"secondary": "#005f5f",
"surfaceTint": "#ebf3f8"
},
"operandi-deuteranopia": {
"primary": "#005e8b",
"primaryText": "#ffffff",
"primaryContainer": "#d0eaf5",
"secondary": "#005f5f",
"surfaceTint": "#ebf3f8"
},
"operandi-tinted": {
"primary": "#005e8b",
"primaryText": "#fbf7f0",
"primaryContainer": "#d0eaf5",
"secondary": "#005f5f",
"surfaceTint": "#e4ebe0"
},
"operandi-tritanopia": {
"primary": "#005e8b",
"primaryText": "#ffffff",
"primaryContainer": "#d0eaf5",
"secondary": "#005f5f",
"surfaceTint": "#ebf3f8"
},
"vivendi": {
"primary": "#00d3d0",
"primaryText": "#000000",
"primaryContainer": "#0a4a49",
"secondary": "#6ae4b9",
"surfaceTint": "#052525"
},
"vivendi-deuteranopia": {
"primary": "#00d3d0",
"primaryText": "#000000",
"primaryContainer": "#0a4a49",
"secondary": "#6ae4b9",
"surfaceTint": "#052525"
},
"vivendi-tinted": {
"primary": "#00d3d0",
"primaryText": "#0d0e1c",
"primaryContainer": "#0a4a49",
"secondary": "#6ae4b9",
"surfaceTint": "#0b1525"
},
"vivendi-tritanopia": {
"primary": "#00d3d0",
"primaryText": "#000000",
"primaryContainer": "#0a4a49",
"secondary": "#6ae4b9",
"surfaceTint": "#052525"
}
},
{
"id": "warmer-blue",
"name": "Warmer Blue",
"operandi": {
"primary": "#3548cf",
"primaryText": "#ffffff",
"primaryContainer": "#dfe3ff",
"secondary": "#0031a9",
"surfaceTint": "#eff1ff"
},
"operandi-deuteranopia": {
"primary": "#3548cf",
"primaryText": "#ffffff",
"primaryContainer": "#dfe3ff",
"secondary": "#0031a9",
"surfaceTint": "#eff1ff"
},
"operandi-tinted": {
"primary": "#3548cf",
"primaryText": "#fbf7f0",
"primaryContainer": "#dfe3ff",
"secondary": "#0031a9",
"surfaceTint": "#eae5e0"
},
"operandi-tritanopia": {
"primary": "#3548cf",
"primaryText": "#ffffff",
"primaryContainer": "#dfe3ff",
"secondary": "#0031a9",
"surfaceTint": "#eff1ff"
},
"vivendi": {
"primary": "#79a8ff",
"primaryText": "#000000",
"primaryContainer": "#1e3560",
"secondary": "#2fafff",
"surfaceTint": "#0f1a30"
},
"vivendi-deuteranopia": {
"primary": "#79a8ff",
"primaryText": "#000000",
"primaryContainer": "#1e3560",
"secondary": "#2fafff",
"surfaceTint": "#0f1a30"
},
"vivendi-tinted": {
"primary": "#79a8ff",
"primaryText": "#0d0e1c",
"primaryContainer": "#1e3560",
"secondary": "#2fafff",
"surfaceTint": "#0e1530"
},
"vivendi-tritanopia": {
"primary": "#79a8ff",
"primaryText": "#000000",
"primaryContainer": "#1e3560",
"secondary": "#2fafff",
"surfaceTint": "#0f1a30"
}
},
{
"id": "purple",
"name": "Purple",
"operandi": {
"primary": "#531ab6",
"primaryText": "#ffffff",
"primaryContainer": "#e8dcff",
"secondary": "#721045",
"surfaceTint": "#f2edff"
},
"operandi-deuteranopia": {
"primary": "#531ab6",
"primaryText": "#ffffff",
"primaryContainer": "#e8dcff",
"secondary": "#721045",
"surfaceTint": "#f2edff"
},
"operandi-tinted": {
"primary": "#531ab6",
"primaryText": "#fbf7f0",
"primaryContainer": "#e8dcff",
"secondary": "#721045",
"surfaceTint": "#ebe4de"
},
"operandi-tritanopia": {
"primary": "#531ab6",
"primaryText": "#ffffff",
"primaryContainer": "#e8dcff",
"secondary": "#721045",
"surfaceTint": "#f2edff"
},
"vivendi": {
"primary": "#b6a0ff",
"primaryText": "#000000",
"primaryContainer": "#3a2e60",
"secondary": "#feacd0",
"surfaceTint": "#1d1730"
},
"vivendi-deuteranopia": {
"primary": "#b6a0ff",
"primaryText": "#000000",
"primaryContainer": "#3a2e60",
"secondary": "#feacd0",
"surfaceTint": "#1d1730"
},
"vivendi-tinted": {
"primary": "#b6a0ff",
"primaryText": "#0d0e1c",
"primaryContainer": "#3a2e60",
"secondary": "#feacd0",
"surfaceTint": "#121328"
},
"vivendi-tritanopia": {
"primary": "#b6a0ff",
"primaryText": "#000000",
"primaryContainer": "#3a2e60",
"secondary": "#feacd0",
"surfaceTint": "#1d1730"
}
}
]
},
"sourceDir": "modus"
}
@@ -0,0 +1,46 @@
{
"id": "msiGaming",
"name": "MSI Gaming",
"version": "1.0.0",
"author": "ATLAS",
"description": "MSI Gaming inspired theme",
"dark": {
"primary": "#FF0000",
"primaryText": "#FFFFFF",
"primaryContainer": "#B71C1C",
"secondary": "#00FF00",
"surface": "#0E0E0E",
"surfaceText": "#E0E0E0",
"surfaceVariant": "#1C1C1C",
"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": "msi-gaming"
}
+46
View File
@@ -0,0 +1,46 @@
{
"id": "razerBlade",
"name": "Razer Blade",
"version": "1.0.0",
"author": "ATLAS",
"description": "Razer Blade inspired theme",
"dark": {
"primary": "#00FF00",
"primaryText": "#000000",
"primaryContainer": "#00B300",
"secondary": "#00CCFF",
"surface": "#0E0E0E",
"surfaceText": "#E0E0E0",
"surfaceVariant": "#1C1C1C",
"surfaceVariantText": "#BDBDBD",
"surfaceTint": "#00B300",
"background": "#0E0E0E",
"backgroundText": "#E0E0E0",
"outline": "#444444",
"surfaceContainer": "#1C1C1C",
"surfaceContainerHigh": "#2A2A2A",
"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": "razer-blade"
}
@@ -0,0 +1,46 @@
{
"id": "system76",
"name": "System76",
"version": "1.0.0",
"author": "ATLAS",
"description": "System76 inspired theme",
"dark": {
"primary": "#76BA99",
"primaryText": "#000000",
"primaryContainer": "#5A9A80",
"secondary": "#5C7080",
"surface": "#121212",
"surfaceText": "#E0E0E0",
"surfaceVariant": "#1E1E1E",
"surfaceVariantText": "#BDBDBD",
"surfaceTint": "#5A9A80",
"background": "#121212",
"backgroundText": "#E0E0E0",
"outline": "#444444",
"surfaceContainer": "#1E1E1E",
"surfaceContainerHigh": "#2A2A2A",
"error": "#FF5252",
"warning": "#FFB74D",
"info": "#76BA99"
},
"light": {
"primary": "#76BA99",
"primaryText": "#FFFFFF",
"primaryContainer": "#E0F0EB",
"secondary": "#5C7080",
"surface": "#FFFFFF",
"surfaceText": "#121212",
"surfaceVariant": "#E0E0E0",
"surfaceVariantText": "#424242",
"surfaceTint": "#E0F0EB",
"background": "#F5F5F5",
"backgroundText": "#121212",
"outline": "#BDBDBD",
"surfaceContainer": "#F5F5F5",
"surfaceContainerHigh": "#E0E0E0",
"error": "#FF5252",
"warning": "#FFB74D",
"info": "#76BA99"
},
"sourceDir": "system76"
}
@@ -0,0 +1,46 @@
{
"id": "lenovoThinkPad",
"name": "Lenovo ThinkPad",
"version": "1.0.0",
"author": "ATLAS",
"description": "Lenovo ThinkPad inspired theme",
"dark": {
"primary": "#CC0000",
"primaryText": "#FFFFFF",
"primaryContainer": "#8A0000",
"secondary": "#555555",
"surface": "#121212",
"surfaceText": "#E0E0E0",
"surfaceVariant": "#1E1E1E",
"surfaceVariantText": "#BDBDBD",
"surfaceTint": "#8A0000",
"background": "#0D0D0D",
"backgroundText": "#E0E0E0",
"outline": "#444444",
"surfaceContainer": "#1E1E1E",
"surfaceContainerHigh": "#2A2A2A",
"error": "#FF5252",
"warning": "#FFB74D",
"info": "#CC0000"
},
"light": {
"primary": "#CC0000",
"primaryText": "#FFFFFF",
"primaryContainer": "#FFEBEE",
"secondary": "#5C5C5C",
"surface": "#FFFFFF",
"surfaceText": "#121212",
"surfaceVariant": "#E0E0E0",
"surfaceVariantText": "#424242",
"surfaceTint": "#FFEBEE",
"background": "#FAFAFA",
"backgroundText": "#121212",
"outline": "#BDBDBD",
"surfaceContainer": "#FAFAFA",
"surfaceContainerHigh": "#E0E0E0",
"error": "#FF5252",
"warning": "#FFB74D",
"info": "#CC0000"
},
"sourceDir": "lenovo-thinkpad"
}
+21 -21
View File
@@ -1,22 +1,22 @@
background = #1c1c1c background = #121212
foreground = #fbf1c7 foreground = #e0e0e0
cursor-color = #83a598 cursor-color = #76ba99
selection-background = #458588 selection-background = #5a9a80
selection-foreground = #fbf1c7 selection-foreground = #e0e0e0
palette = 0=#1c1c1c palette = 0=#121212
palette = 1=#bd7655 palette = 1=#d58360
palette = 2=#52a556 palette = 2=#5dba60
palette = 3=#cec45c palette = 3=#e8dc68
palette = 4=#759c8d palette = 4=#63b08b
palette = 5=#2f4c41 palette = 5=#1c563a
palette = 6=#83a598 palette = 6=#76BA99
palette = 7=#a2ada9 palette = 7=#b7c3bd
palette = 8=#767e7b palette = 8=#737c78
palette = 9=#dea58b palette = 9=#fbb99c
palette = 10=#80c683 palette = 10=#91df93
palette = 11=#f7efa0 palette = 11=#fff6a5
palette = 12=#95b5a9 palette = 12=#8dccad
palette = 13=#b7d6ca palette = 13=#b3f1d3
palette = 14=#d1e7de palette = 14=#d5ffea
palette = 15=#e9efec palette = 15=#f8fffb
+3 -3
View File
@@ -1,6 +1,6 @@
# ! Auto-generated file. Do not edit directly. # ! Auto-generated file. Do not edit directly.
# Remove source = ./dms/colors.conf from your config to override. # Remove source = ./dms/colors.conf from your config to override.
bordercolor = 0xebdbb2ff bordercolor = 0x444444ff
focuscolor = 0x83a598ff focuscolor = 0x76ba99ff
urgentcolor = 0xcc241dff urgentcolor = 0xff5252ff
+86 -86
View File
@@ -6,113 +6,113 @@
.theme-dark, .theme-light { .theme-dark, .theme-light {
/* ── Material You RGB helpers ──────────────────────────── */ /* ── Material You RGB helpers ──────────────────────────── */
--mat-bg-rgb: 28, 28, 28; --mat-bg-rgb: 18, 18, 18;
--mat-surface-rgb: 28, 28, 28; --mat-surface-rgb: 18, 18, 18;
--mat-on-surface-rgb: 251, 241, 199; --mat-on-surface-rgb: 224, 224, 224;
--mat-primary-rgb: 131, 165, 152; --mat-primary-rgb: 118, 186, 153;
--mat-on-primary-rgb: 28, 28, 28; --mat-on-primary-rgb: 0, 0, 0;
/* ── Core Backgrounds ──────────────────────────────────── */ /* ── Core Backgrounds ──────────────────────────────────── */
--background-primary: #1c1c1c; --background-primary: #121212;
--background-primary-alt: #1c1c1c; --background-primary-alt: #121212;
--background-secondary: #1c1c1c; --background-secondary: #121212;
--background-secondary-alt: #282828; --background-secondary-alt: #1e1e1e;
/* ── Titlebar ──────────────────────────────────────────── */ /* ── Titlebar ──────────────────────────────────────────── */
--titlebar-background: #1c1c1c; --titlebar-background: #121212;
--titlebar-background-focused: #1c1c1c; --titlebar-background-focused: #121212;
--titlebar-text-color: #fbf1c7; --titlebar-text-color: #e0e0e0;
/* ── Borders & Dividers ────────────────────────────────── */ /* ── Borders & Dividers ────────────────────────────────── */
--background-modifier-border: #303030; --background-modifier-border: #1e1e1e;
--background-modifier-border-focus: #ebdbb2; --background-modifier-border-focus: #444444;
--background-modifier-border-hover: #ebdbb2; --background-modifier-border-hover: #444444;
/* ── Text Colors ───────────────────────────────────────── */ /* ── Text Colors ───────────────────────────────────────── */
--text-normal: #fbf1c7; --text-normal: #e0e0e0;
--text-muted: #ebdbb2; --text-muted: #bdbdbd;
--text-faint: #ebdbb2; --text-faint: #444444;
--text-on-accent: #1c1c1c; --text-on-accent: #000000;
--text-selection: rgba(131, 165, 152, 0.25); --text-selection: rgba(118, 186, 153, 0.25);
/* ── Accent & Interactive ──────────────────────────────── */ /* ── Accent & Interactive ──────────────────────────────── */
--interactive-accent: #83a598; --interactive-accent: #76ba99;
--interactive-accent-hover: #458588; --interactive-accent-hover: #5a9a80;
--interactive-accent-rgb: 131, 165, 152; --interactive-accent-rgb: 118, 186, 153;
--text-accent: #83a598; --text-accent: #76ba99;
--text-accent-hover: #458588; --text-accent-hover: #5a9a80;
/* ── Hover & Active Modifiers ──────────────────────────── */ /* ── Hover & Active Modifiers ──────────────────────────── */
--background-modifier-hover: rgba(var(--mat-on-surface-rgb), 0.06); --background-modifier-hover: rgba(var(--mat-on-surface-rgb), 0.06);
--background-modifier-active-hover: rgba(var(--mat-primary-rgb), 0.15); --background-modifier-active-hover: rgba(var(--mat-primary-rgb), 0.15);
--background-modifier-success: #3c3836; --background-modifier-success: #2a2a2a;
--background-modifier-error: #8c1d18; --background-modifier-error: #8c1d18;
--background-modifier-error-hover: #cc241d; --background-modifier-error-hover: #ff5252;
/* ── Obsidian Color Scale (--color-base-XX) ────────────── */ /* ── Obsidian Color Scale (--color-base-XX) ────────────── */
--color-base-00: #1c1c1c; --color-base-00: #121212;
--color-base-05: #1c1c1c; --color-base-05: #121212;
--color-base-10: #1c1c1c; --color-base-10: #121212;
--color-base-20: #1c1c1c; --color-base-20: #121212;
--color-base-25: #282828; --color-base-25: #1e1e1e;
--color-base-30: #3c3836; --color-base-30: #2a2a2a;
--color-base-35: #504945; --color-base-35: #2a2a2a;
--color-base-40: #303030; --color-base-40: #1e1e1e;
--color-base-50: #ebdbb2; --color-base-50: #444444;
--color-base-60: #ebdbb2; --color-base-60: #bdbdbd;
--color-base-70: #fbf1c7; --color-base-70: #e0e0e0;
--color-base-100: #fbf1c7; --color-base-100: #ffffff;
/* ── Semantic Colors ───────────────────────────────────── */ /* ── Semantic Colors ───────────────────────────────────── */
--color-red: #cc241d; --color-red: #ff5252;
--color-orange: #b16286; --color-orange: #5c7080;
--color-yellow: #b16286; --color-yellow: #5c7080;
--color-green: #3c3836; --color-green: #2a2a2a;
--color-cyan: #3c3836; --color-cyan: #2a2a2a;
--color-blue: #83a598; --color-blue: #76ba99;
--color-purple: #b16286; --color-purple: #5c7080;
--color-pink: #b16286; --color-pink: #5c7080;
/* ── Headings ──────────────────────────────────────────── */ /* ── Headings ──────────────────────────────────────────── */
--h1-color: #83a598; --h1-color: #76ba99;
--h2-color: #83a598; --h2-color: #76ba99;
--h3-color: #b16286; --h3-color: #5c7080;
--h4-color: #b16286; --h4-color: #5c7080;
--h5-color: #ebdbb2; --h5-color: #bdbdbd;
--h6-color: #ebdbb2; --h6-color: #444444;
/* ── Links ─────────────────────────────────────────────── */ /* ── Links ─────────────────────────────────────────────── */
--link-color: #83a598; --link-color: #76ba99;
--link-color-hover: #fbf1c7; --link-color-hover: #e0e0e0;
--link-external-color: #b16286; --link-external-color: #5c7080;
--link-unresolved-color: #ebdbb2; --link-unresolved-color: #444444;
/* ── Tags ──────────────────────────────────────────────── */ /* ── Tags ──────────────────────────────────────────────── */
--tag-color: #fbf1c7; --tag-color: #e0e0e0;
--tag-background: #458588; --tag-background: #5a9a80;
--tag-border-color: #83a598; --tag-border-color: #76ba99;
--tag-color-hover: #1c1c1c; --tag-color-hover: #000000;
--tag-background-hover: #83a598; --tag-background-hover: #76ba99;
/* ── Checkboxes ────────────────────────────────────────── */ /* ── Checkboxes ────────────────────────────────────────── */
--checkbox-color: #83a598; --checkbox-color: #76ba99;
--checkbox-color-hover: #458588; --checkbox-color-hover: #5a9a80;
--checkbox-border-color: #ebdbb2; --checkbox-border-color: #444444;
--checkbox-marker-color: #1c1c1c; --checkbox-marker-color: #000000;
/* ── Code Blocks ───────────────────────────────────────── */ /* ── Code Blocks ───────────────────────────────────────── */
--code-background: #1c1c1c; --code-background: #121212;
--code-normal: #fbf1c7; --code-normal: #e0e0e0;
--code-comment: #ebdbb2; --code-comment: #444444;
--code-function: #83a598; --code-function: #76ba99;
--code-important: #cc241d; --code-important: #ff5252;
--code-keyword: #b16286; --code-keyword: #5c7080;
--code-operator: #b16286; --code-operator: #5c7080;
--code-property: #ebdbb2; --code-property: #bdbdbd;
--code-punctuation: #303030; --code-punctuation: #1e1e1e;
--code-string: #b16286; --code-string: #5c7080;
--code-tag: #cc241d; --code-tag: #ff5252;
--code-value: #b16286; --code-value: #5c7080;
/* ── Scrollbar ─────────────────────────────────────────── */ /* ── Scrollbar ─────────────────────────────────────────── */
--scrollbar-thumb-bg: rgba(var(--mat-on-surface-rgb), 0.12); --scrollbar-thumb-bg: rgba(var(--mat-on-surface-rgb), 0.12);
@@ -121,16 +121,16 @@
/* ── Inputs ────────────────────────────────────────────── */ /* ── Inputs ────────────────────────────────────────────── */
--input-shadow: none; --input-shadow: none;
--input-shadow-hover: 0 0 0 2px #ebdbb2; --input-shadow-hover: 0 0 0 2px #444444;
/* ── Graph View ────────────────────────────────────────── */ /* ── Graph View ────────────────────────────────────────── */
--graph-node: #83a598; --graph-node: #76ba99;
--graph-node-unresolved: #ebdbb2; --graph-node-unresolved: #444444;
--graph-node-focused: #fbf1c7; --graph-node-focused: #e0e0e0;
--graph-node-tag: #b16286; --graph-node-tag: #5c7080;
--graph-node-attachment: #b16286; --graph-node-attachment: #5c7080;
--graph-line: #303030; --graph-line: #1e1e1e;
--graph-background: #1c1c1c; --graph-background: #121212;
} }
Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

+6
View File
@@ -0,0 +1,6 @@
Theme_Category:registry
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:dark
Preset:amoledBlack
Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

+6
View File
@@ -0,0 +1,6 @@
Theme_Category:custom
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:dark
Preset:asusrog
Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 440 KiB

+6
View File
@@ -0,0 +1,6 @@
Theme_Category:custom
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:dark
Preset:acerpredator
+6
View File
@@ -0,0 +1,6 @@
Theme_Category:custom
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:dark
Preset:gigabyteaorus
Binary file not shown.

After

Width:  |  Height:  |  Size: 1003 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 845 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

+6
View File
@@ -0,0 +1,6 @@
Theme_Category:registry
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:dark
Preset:arcdarkest
Binary file not shown.

After

Width:  |  Height:  |  Size: 15 MiB

+6
View File
@@ -0,0 +1,6 @@
Theme_Category:custom
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:light
Preset:dellxps
Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 300 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 656 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 747 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB

@@ -0,0 +1,6 @@
Theme_Category:custom
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:light
Preset:framework
Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 MiB

@@ -0,0 +1,6 @@
Theme_Category:custom
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:dark
Preset:hpspectre
Binary file not shown.

After

Width:  |  Height:  |  Size: 417 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

+6
View File
@@ -0,0 +1,6 @@
Theme_Category:registry
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:dark
Preset:modus
@@ -0,0 +1,6 @@
Theme_Category:custom
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:dark
Preset:msigaming
Binary file not shown.

After

Width:  |  Height:  |  Size: 540 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 369 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 258 KiB

+6
View File
@@ -0,0 +1,6 @@
Theme_Category:custom
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:dark
Preset:razer
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 215 KiB

@@ -0,0 +1,6 @@
Theme_Category:registry
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:dark
Preset:steamDeck
Binary file not shown.

After

Width:  |  Height:  |  Size: 167 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 MiB

+6
View File
@@ -0,0 +1,6 @@
Theme_Category:custom
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:light
Preset:microsoft
Binary file not shown.

After

Width:  |  Height:  |  Size: 623 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 441 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 954 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 942 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 698 KiB

+6
View File
@@ -0,0 +1,6 @@
Theme_Category:custom
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:dark
Preset:system76
+6
View File
@@ -0,0 +1,6 @@
Theme_Category:custom
Theme_Name:custom
Generic_Color:custom
Matugen:vibrant
Mode:dark
Preset:thinkpad

Some files were not shown because too many files have changed in this diff Show More