This commit is contained in:
2026-05-23 22:25:21 +02:00
parent bd1d2f3522
commit 844d3ca7c3
63 changed files with 3311 additions and 34 deletions
@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
<g transform="translate(0, 0)">
<rect width="240" height="240" fill="#282a36"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#21222c"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#282a36"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#f8f8f2">Dracula (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#313244"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#f8f8f2">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#6272a4">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#bd93f9"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#282a36">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ff79c6"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#282a36"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#282a36"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f8f8f2">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#282a36"/>
<circle cx="148" cy="166" r="9" fill="#ff5555"/>
<circle cx="172" cy="166" r="9" fill="#f1fa8c"/>
<circle cx="196" cy="166" r="9" fill="#8be9fd"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#3d2f43" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f8f8f2">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
<g transform="translate(0, 0)">
<rect width="240" height="240" fill="#f5f6fa"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#f8f8f2"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f2f7"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#282a36">Dracula (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#ececf2"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#282a36">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#c8c8d2">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#8332f4"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f8f8f2">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ff79c6"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f2f7"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#f5f6fa"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#282a36">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f2f7"/>
<circle cx="148" cy="166" r="9" fill="#ff5555"/>
<circle cx="172" cy="166" r="9" fill="#f1fa8c"/>
<circle cx="196" cy="166" r="9" fill="#8be9fd"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#8332f4" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#282a36">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -0,0 +1,48 @@
{
"id": "dracula",
"name": "Dracula",
"version": "1.0.2",
"author": "Graplo",
"description": "Dracula dark theme with Alucard light variant",
"dark": {
"primary": "#bd93f9",
"primaryText": "#282a36",
"primaryContainer": "#7c5ac7",
"secondary": "#ff79c6",
"surface": "#21222c",
"surfaceText": "#f8f8f2",
"surfaceVariant": "#282a36",
"surfaceVariantText": "#f8f8f2",
"surfaceTint": "#3d2f43",
"background": "#282a36",
"backgroundText": "#f8f8f2",
"outline": "#6272a4",
"surfaceContainer": "#282a36",
"surfaceContainerHigh": "#313244",
"surfaceContainerHighest": "#44475a",
"error": "#ff5555",
"warning": "#f1fa8c",
"info": "#8be9fd"
},
"light": {
"primary": "#8332f4",
"primaryText": "#f8f8f2",
"primaryContainer": "#c9a4ff",
"secondary": "#ff79c6",
"surface": "#f8f8f2",
"surfaceText": "#282a36",
"surfaceVariant": "#e9e9f0",
"surfaceVariantText": "#44475a",
"surfaceTint": "#8332f4",
"background": "#f5f6fa",
"backgroundText": "#282a36",
"outline": "#c8c8d2",
"surfaceContainer": "#f2f2f7",
"surfaceContainerHigh": "#ececf2",
"surfaceContainerHighest": "#e6e6ee",
"error": "#ff5555",
"warning": "#f1fa8c",
"info": "#8be9fd"
},
"sourceDir": "dracula"
}