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