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,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="#16161e"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#1a1b26"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#1a1b26"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#a9b1d6">TokyoNight Dark (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#1f2335"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#a9b1d6">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#565f89">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#7dcfff"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1a1b26">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#bb9af7"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#1a1b26"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#16161e"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#c0caf5">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#1a1b26"/>
<circle cx="148" cy="166" r="9" fill="#f7768e"/>
<circle cx="172" cy="166" r="9" fill="#e0af68"/>
<circle cx="196" cy="166" r="9" fill="#7aa2f7"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#89b4fa" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#a9b1d6">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="#fdfdff"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#f7f8fc"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#f2f4fa"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#1b1e2b">TokyoNight Dark (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#e9ecf6"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#1b1e2b">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#9a9dab">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#2f7fd6"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#f8fbff">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#a78bfa"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#f2f4fa"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#fdfdff"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#111322">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#f2f4fa"/>
<circle cx="148" cy="166" r="9" fill="#ff5c7a"/>
<circle cx="172" cy="166" r="9" fill="#f4b860"/>
<circle cx="196" cy="166" r="9" fill="#1f5f8b"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#4f93e6" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1b1e2b">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -0,0 +1,46 @@
{
"id": "tokyoNightDark",
"name": "TokyoNight Dark",
"version": "1.0.0",
"author": "irunatbullets",
"description": "A TokyoNight Dark variant.",
"dark": {
"primary": "#7dcfff",
"primaryText": "#1a1b26",
"primaryContainer": "#2f334d",
"secondary": "#bb9af7",
"surface": "#1a1b26",
"surfaceText": "#a9b1d6",
"surfaceVariant": "#24283b",
"surfaceVariantText": "#9aa5ce",
"surfaceTint": "#89b4fa",
"background": "#16161e",
"backgroundText": "#c0caf5",
"outline": "#565f89",
"surfaceContainer": "#1a1b26",
"surfaceContainerHigh": "#1f2335",
"error": "#f7768e",
"warning": "#e0af68",
"info": "#7aa2f7"
},
"light": {
"primary": "#2f7fd6",
"primaryText": "#f8fbff",
"primaryContainer": "#cfe4ff",
"secondary": "#a78bfa",
"surface": "#f7f8fc",
"surfaceText": "#1b1e2b",
"surfaceVariant": "#eef1f8",
"surfaceVariantText": "#4b556a",
"surfaceTint": "#4f93e6",
"background": "#fdfdff",
"backgroundText": "#111322",
"outline": "#9a9dab",
"surfaceContainer": "#f2f4fa",
"surfaceContainerHigh": "#e9ecf6",
"error": "#ff5c7a",
"warning": "#f4b860",
"info": "#1f5f8b"
},
"sourceDir": "tokyonight-dark"
}