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