updated to include themes

This commit is contained in:
2026-06-01 10:59:20 +02:00
parent 3f54c13a1b
commit 3629c8633c
67 changed files with 2273 additions and 1 deletions
@@ -0,0 +1,45 @@
<svg xmlns="http://www.w3.org/2000/svg" width="484" height="240" viewBox="0 0 484 240">
<g transform="translate(0, 0)">
<rect width="240" height="240" fill="#100F0F"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#100F0F"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#1C1B1A"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#CECDC3">Flexoki Blue (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#282726"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#CECDC3">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#575653">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#4385BE"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#4385BE"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#100F0F"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#1C1B1A"/>
<circle cx="148" cy="166" r="9" fill="#D14D41"/>
<circle cx="172" cy="166" r="9" fill="#DA702C"/>
<circle cx="196" cy="166" r="9" fill="#4385BE"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#66A0C8" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Surface Tint Overlay</text>
</g>
<rect x="240" y="0" width="4" height="240" fill="#888"/>
<g transform="translate(244, 0)">
<rect width="240" height="240" fill="#FFFCF0"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#FFFCF0"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#F2F0E5"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#100F0F">Flexoki Blue (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#E6E4D9"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#100F0F">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#B7B5AC">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#205EA6"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#CECDC3">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#205EA6"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#FFFCF0"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#F2F0E5"/>
<circle cx="148" cy="166" r="9" fill="#AF3029"/>
<circle cx="172" cy="166" r="9" fill="#BC5215"/>
<circle cx="196" cy="166" r="9" fill="#205EA6"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#3171B2" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#100F0F">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB