updated to include themes
This commit is contained in:
@@ -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="#2f3549"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#73daca">Tokyo Night (dark)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#444b6a"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#73daca">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#787c99">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#7aa2f7"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#16161e">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="#2f3549"/>
|
||||
<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="#d5d6db">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#2f3549"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#f7768e"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#ff9e64"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#7dcfff"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#7aa2f7" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#73daca">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="#cbccd1"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#e1e2e7"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#dfe0e5"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#387068">Tokyo Night (light)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#9699a3"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#387068">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#4c505e">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#2e7de9"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#d0d5e3">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#9854f1"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#dfe0e5"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#cbccd1"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1a1b26">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#dfe0e5"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#f52a65"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#b15c00"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#007197"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#2e7de9" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#387068">Surface Tint Overlay</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,46 @@
|
||||
{
|
||||
"id": "tokyoNight",
|
||||
"name": "Tokyo Night",
|
||||
"version": "1.0.0",
|
||||
"author": "Avenge Media",
|
||||
"description": "Popular Tokyo Night color scheme with vibrant blues and purples",
|
||||
"dark": {
|
||||
"primary": "#7aa2f7",
|
||||
"primaryText": "#16161e",
|
||||
"primaryContainer": "#7dcfff",
|
||||
"secondary": "#bb9af7",
|
||||
"surface": "#1a1b26",
|
||||
"surfaceText": "#73daca",
|
||||
"surfaceVariant": "#2f3549",
|
||||
"surfaceVariantText": "#cbccd1",
|
||||
"surfaceTint": "#7aa2f7",
|
||||
"background": "#16161e",
|
||||
"backgroundText": "#d5d6db",
|
||||
"outline": "#787c99",
|
||||
"surfaceContainer": "#2f3549",
|
||||
"surfaceContainerHigh": "#444b6a",
|
||||
"error": "#f7768e",
|
||||
"warning": "#ff9e64",
|
||||
"info": "#7dcfff"
|
||||
},
|
||||
"light": {
|
||||
"primary": "#2e7de9",
|
||||
"primaryText": "#d0d5e3",
|
||||
"primaryContainer": "#007197",
|
||||
"secondary": "#9854f1",
|
||||
"surface": "#e1e2e7",
|
||||
"surfaceText": "#387068",
|
||||
"surfaceVariant": "#c4c8da",
|
||||
"surfaceVariantText": "#1a1b26",
|
||||
"surfaceTint": "#2e7de9",
|
||||
"background": "#cbccd1",
|
||||
"backgroundText": "#1a1b26",
|
||||
"outline": "#4c505e",
|
||||
"surfaceContainer": "#dfe0e5",
|
||||
"surfaceContainerHigh": "#9699a3",
|
||||
"error": "#f52a65",
|
||||
"warning": "#b15c00",
|
||||
"info": "#007197"
|
||||
},
|
||||
"sourceDir": "tokyonight"
|
||||
}
|
||||
Reference in New Issue
Block a user