update
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="#1e1e2e"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#181825"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#1e1e2e"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#cdd6f4">Catppuccin Mocha Mauve (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="#cdd6f4">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#6c7086">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#cba6f7"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e1e2e">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#b4befe"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#1e1e2e"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#1e1e2e"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#cdd6f4">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#1e1e2e"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#f38ba8"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#fab387"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#89b4fa"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#33293f" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#cdd6f4">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="#eff1f5"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#e6e9ef"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#e6e9ef"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#4c4f69">Catppuccin Latte Mauve (light)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#ccd0da"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#4c4f69">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#9ca0b0">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#8839ef"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#eff1f5">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#7287fd"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#e6e9ef"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#eff1f5"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4c4f69">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#e6e9ef"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#d20f39"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#fe640b"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#1e66f5"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#eadcff" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#4c4f69">Surface Tint Overlay</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,555 @@
|
||||
{
|
||||
"id": "catppuccin",
|
||||
"name": "Catppuccin",
|
||||
"version": "1.0.0",
|
||||
"author": "Avenge Media",
|
||||
"description": "Soothing pastel theme for the high-spirited",
|
||||
"dark": {},
|
||||
"light": {},
|
||||
"variants": {
|
||||
"type": "multi",
|
||||
"defaults": {
|
||||
"dark": {
|
||||
"accent": "mauve",
|
||||
"flavor": "mocha"
|
||||
},
|
||||
"light": {
|
||||
"accent": "mauve",
|
||||
"flavor": "latte"
|
||||
}
|
||||
},
|
||||
"flavors": [
|
||||
{
|
||||
"id": "mocha",
|
||||
"name": "Mocha",
|
||||
"dark": {
|
||||
"surface": "#181825",
|
||||
"surfaceText": "#cdd6f4",
|
||||
"surfaceVariant": "#1e1e2e",
|
||||
"surfaceVariantText": "#a6adc8",
|
||||
"background": "#1e1e2e",
|
||||
"backgroundText": "#cdd6f4",
|
||||
"outline": "#6c7086",
|
||||
"surfaceContainer": "#1e1e2e",
|
||||
"surfaceContainerHigh": "#313244",
|
||||
"surfaceContainerHighest": "#45475a",
|
||||
"error": "#f38ba8",
|
||||
"warning": "#fab387",
|
||||
"info": "#89b4fa"
|
||||
},
|
||||
"light": {}
|
||||
},
|
||||
{
|
||||
"id": "macchiato",
|
||||
"name": "Macchiato",
|
||||
"dark": {
|
||||
"surface": "#1e2030",
|
||||
"surfaceText": "#cad3f5",
|
||||
"surfaceVariant": "#24273a",
|
||||
"surfaceVariantText": "#a5adcb",
|
||||
"background": "#24273a",
|
||||
"backgroundText": "#cad3f5",
|
||||
"outline": "#6e738d",
|
||||
"surfaceContainer": "#24273a",
|
||||
"surfaceContainerHigh": "#363a4f",
|
||||
"surfaceContainerHighest": "#494d64",
|
||||
"error": "#ed8796",
|
||||
"warning": "#f5a97f",
|
||||
"info": "#8aadf4"
|
||||
},
|
||||
"light": {}
|
||||
},
|
||||
{
|
||||
"id": "frappe",
|
||||
"name": "Frappé",
|
||||
"dark": {
|
||||
"surface": "#292c3c",
|
||||
"surfaceText": "#c6d0f5",
|
||||
"surfaceVariant": "#303446",
|
||||
"surfaceVariantText": "#a5adce",
|
||||
"background": "#303446",
|
||||
"backgroundText": "#c6d0f5",
|
||||
"outline": "#737994",
|
||||
"surfaceContainer": "#303446",
|
||||
"surfaceContainerHigh": "#414559",
|
||||
"surfaceContainerHighest": "#51576d",
|
||||
"error": "#e78284",
|
||||
"warning": "#ef9f76",
|
||||
"info": "#8caaee"
|
||||
},
|
||||
"light": {}
|
||||
},
|
||||
{
|
||||
"id": "latte",
|
||||
"name": "Latte",
|
||||
"dark": {},
|
||||
"light": {
|
||||
"surface": "#e6e9ef",
|
||||
"surfaceText": "#4c4f69",
|
||||
"surfaceVariant": "#eff1f5",
|
||||
"surfaceVariantText": "#6c6f85",
|
||||
"background": "#eff1f5",
|
||||
"backgroundText": "#4c4f69",
|
||||
"outline": "#9ca0b0",
|
||||
"surfaceContainer": "#e6e9ef",
|
||||
"surfaceContainerHigh": "#ccd0da",
|
||||
"surfaceContainerHighest": "#bcc0cc",
|
||||
"error": "#d20f39",
|
||||
"warning": "#fe640b",
|
||||
"info": "#1e66f5"
|
||||
}
|
||||
}
|
||||
],
|
||||
"accents": [
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#f2d5cf",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#76534f",
|
||||
"secondary": "#eebebe",
|
||||
"surfaceTint": "#3a2f33"
|
||||
},
|
||||
"id": "rosewater",
|
||||
"latte": {
|
||||
"primary": "#dc8a78",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#f6e7e3",
|
||||
"secondary": "#dd7878",
|
||||
"surfaceTint": "#f6e7e3"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#f4dbd6",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#7a5853",
|
||||
"secondary": "#f0c6c6",
|
||||
"surfaceTint": "#3b3035"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#f5e0dc",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#7d5d56",
|
||||
"secondary": "#f2cdcd",
|
||||
"surfaceTint": "#3d3237"
|
||||
},
|
||||
"name": "Rosewater"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#eebebe",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#744f52",
|
||||
"secondary": "#f2d5cf",
|
||||
"surfaceTint": "#392e31"
|
||||
},
|
||||
"id": "flamingo",
|
||||
"latte": {
|
||||
"primary": "#dd7878",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#f6e5e5",
|
||||
"secondary": "#dc8a78",
|
||||
"surfaceTint": "#f6e5e5"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#f0c6c6",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#775256",
|
||||
"secondary": "#f4dbd6",
|
||||
"surfaceTint": "#3a3033"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#f2cdcd",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#7a555a",
|
||||
"secondary": "#f5e0dc",
|
||||
"surfaceTint": "#3c3134"
|
||||
},
|
||||
"name": "Flamingo"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#f4b8e4",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#793d65",
|
||||
"secondary": "#ca9ee6",
|
||||
"surfaceTint": "#3c2e37"
|
||||
},
|
||||
"id": "pink",
|
||||
"latte": {
|
||||
"primary": "#ea76cb",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#f7d7ee",
|
||||
"secondary": "#8839ef",
|
||||
"surfaceTint": "#f7d7ee"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#f5bde6",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#7a3e67",
|
||||
"secondary": "#c6a0f6",
|
||||
"surfaceTint": "#3d2f38"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#f5c2e7",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#7a3f69",
|
||||
"secondary": "#cba6f7",
|
||||
"surfaceTint": "#3d2f39"
|
||||
},
|
||||
"name": "Pink"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#ca9ee6",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#542f79",
|
||||
"secondary": "#babbf1",
|
||||
"surfaceTint": "#33293c"
|
||||
},
|
||||
"id": "mauve",
|
||||
"latte": {
|
||||
"primary": "#8839ef",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#eadcff",
|
||||
"secondary": "#7287fd",
|
||||
"surfaceTint": "#eadcff"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#c6a0f6",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#532f7d",
|
||||
"secondary": "#b7bdf8",
|
||||
"surfaceTint": "#32293e"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#cba6f7",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#55307f",
|
||||
"secondary": "#b4befe",
|
||||
"surfaceTint": "#33293f"
|
||||
},
|
||||
"name": "Mauve"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#e78284",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#692233",
|
||||
"secondary": "#ea999c",
|
||||
"surfaceTint": "#38272e"
|
||||
},
|
||||
"id": "red",
|
||||
"latte": {
|
||||
"primary": "#d20f39",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#f6d0d6",
|
||||
"secondary": "#e64553",
|
||||
"surfaceTint": "#f6d0d6"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#ed8796",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#6c2336",
|
||||
"secondary": "#ee99a0",
|
||||
"surfaceTint": "#3a2830"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#f38ba8",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#6f2438",
|
||||
"secondary": "#eba0ac",
|
||||
"surfaceTint": "#3c2930"
|
||||
},
|
||||
"name": "Red"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#ea999c",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#69333d",
|
||||
"secondary": "#e78284",
|
||||
"surfaceTint": "#382a2f"
|
||||
},
|
||||
"id": "maroon",
|
||||
"latte": {
|
||||
"primary": "#e64553",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#f7d8dc",
|
||||
"secondary": "#d20f39",
|
||||
"surfaceTint": "#f7d8dc"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#ee99a0",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#6b343f",
|
||||
"secondary": "#ed8796",
|
||||
"surfaceTint": "#392b30"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#eba0ac",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#6d3641",
|
||||
"secondary": "#f38ba8",
|
||||
"surfaceTint": "#3a2c31"
|
||||
},
|
||||
"name": "Maroon"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#ef9f76",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#6d3e24",
|
||||
"secondary": "#e5c890",
|
||||
"surfaceTint": "#382e27"
|
||||
},
|
||||
"id": "peach",
|
||||
"latte": {
|
||||
"primary": "#fe640b",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#ffe4d5",
|
||||
"secondary": "#df8e1d",
|
||||
"surfaceTint": "#ffe4d5"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#f5a97f",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#704025",
|
||||
"secondary": "#eed49f",
|
||||
"surfaceTint": "#3a2f28"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#fab387",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#734226",
|
||||
"secondary": "#f9e2af",
|
||||
"surfaceTint": "#3b3028"
|
||||
},
|
||||
"name": "Peach"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#e5c890",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#68542c",
|
||||
"secondary": "#a6d189",
|
||||
"surfaceTint": "#383428"
|
||||
},
|
||||
"id": "yellow",
|
||||
"latte": {
|
||||
"primary": "#df8e1d",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#fff6d6",
|
||||
"secondary": "#40a02b",
|
||||
"surfaceTint": "#fff6d6"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#eed49f",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#6b572e",
|
||||
"secondary": "#a6da95",
|
||||
"surfaceTint": "#393529"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#f9e2af",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#6e5a2f",
|
||||
"secondary": "#a6e3a1",
|
||||
"surfaceTint": "#3a362a"
|
||||
},
|
||||
"name": "Yellow"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#a6d189",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#2d5932",
|
||||
"secondary": "#81c8be",
|
||||
"surfaceTint": "#2a362b"
|
||||
},
|
||||
"id": "green",
|
||||
"latte": {
|
||||
"primary": "#40a02b",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#dff4e0",
|
||||
"secondary": "#179299",
|
||||
"surfaceTint": "#dff4e0"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#a6da95",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#2e5c34",
|
||||
"secondary": "#8bd5ca",
|
||||
"surfaceTint": "#2b372c"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#a6e3a1",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#2f5f36",
|
||||
"secondary": "#94e2d5",
|
||||
"surfaceTint": "#2b382c"
|
||||
},
|
||||
"name": "Green"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#81c8be",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#2c5853",
|
||||
"secondary": "#99d1db",
|
||||
"surfaceTint": "#2a3634"
|
||||
},
|
||||
"id": "teal",
|
||||
"latte": {
|
||||
"primary": "#179299",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#daf3f1",
|
||||
"secondary": "#04a5e5",
|
||||
"surfaceTint": "#daf3f1"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#8bd5ca",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#2d5b56",
|
||||
"secondary": "#91d7e3",
|
||||
"surfaceTint": "#2b3735"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#94e2d5",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#2e5e59",
|
||||
"secondary": "#89dceb",
|
||||
"surfaceTint": "#2b3836"
|
||||
},
|
||||
"name": "Teal"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#99d1db",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#245464",
|
||||
"secondary": "#85c1dc",
|
||||
"surfaceTint": "#283438"
|
||||
},
|
||||
"id": "sky",
|
||||
"latte": {
|
||||
"primary": "#04a5e5",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#dbf1fb",
|
||||
"secondary": "#209fb5",
|
||||
"surfaceTint": "#dbf1fb"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#91d7e3",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#245667",
|
||||
"secondary": "#7dc4e4",
|
||||
"surfaceTint": "#293539"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#89dceb",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#24586a",
|
||||
"secondary": "#74c7ec",
|
||||
"surfaceTint": "#29363a"
|
||||
},
|
||||
"name": "Sky"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#85c1dc",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#1f4967",
|
||||
"secondary": "#8caaee",
|
||||
"surfaceTint": "#27323a"
|
||||
},
|
||||
"id": "sapphire",
|
||||
"latte": {
|
||||
"primary": "#209fb5",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#def3f8",
|
||||
"secondary": "#1e66f5",
|
||||
"surfaceTint": "#def3f8"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#7dc4e4",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#1f4b6b",
|
||||
"secondary": "#8aadf4",
|
||||
"surfaceTint": "#27333b"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#74c7ec",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#1f4d6f",
|
||||
"secondary": "#89b4fa",
|
||||
"surfaceTint": "#27343c"
|
||||
},
|
||||
"name": "Sapphire"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#8caaee",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#243d6f",
|
||||
"secondary": "#babbf1",
|
||||
"surfaceTint": "#282f3b"
|
||||
},
|
||||
"id": "blue",
|
||||
"latte": {
|
||||
"primary": "#1e66f5",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#e0e9ff",
|
||||
"secondary": "#7287fd",
|
||||
"surfaceTint": "#e0e9ff"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#8aadf4",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#243e72",
|
||||
"secondary": "#b7bdf8",
|
||||
"surfaceTint": "#29303c"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#89b4fa",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#243f75",
|
||||
"secondary": "#b4befe",
|
||||
"surfaceTint": "#29313d"
|
||||
},
|
||||
"name": "Blue"
|
||||
},
|
||||
{
|
||||
"frappe": {
|
||||
"primary": "#babbf1",
|
||||
"primaryText": "#303446",
|
||||
"primaryContainer": "#3d427b",
|
||||
"secondary": "#ca9ee6",
|
||||
"surfaceTint": "#2e2f3e"
|
||||
},
|
||||
"id": "lavender",
|
||||
"latte": {
|
||||
"primary": "#7287fd",
|
||||
"primaryText": "#eff1f5",
|
||||
"primaryContainer": "#e5e8ff",
|
||||
"secondary": "#8839ef",
|
||||
"surfaceTint": "#e5e8ff"
|
||||
},
|
||||
"macchiato": {
|
||||
"primary": "#b7bdf8",
|
||||
"primaryText": "#24273a",
|
||||
"primaryContainer": "#3e437e",
|
||||
"secondary": "#c6a0f6",
|
||||
"surfaceTint": "#2f303f"
|
||||
},
|
||||
"mocha": {
|
||||
"primary": "#b4befe",
|
||||
"primaryText": "#1e1e2e",
|
||||
"primaryContainer": "#3f4481",
|
||||
"secondary": "#cba6f7",
|
||||
"surfaceTint": "#2f3140"
|
||||
},
|
||||
"name": "Lavender"
|
||||
}
|
||||
]
|
||||
},
|
||||
"sourceDir": "catppuccin"
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
@@ -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="#2e3440"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#3b4252"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#434c5e"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#eceff4">nord (dark)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#4c566a"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#eceff4">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#d8dee9">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#81a1c1"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#2e3440">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#b48ead"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#434c5e"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#2e3440"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#8fbcbb">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#434c5e"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#bf616a"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#d08770"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#88c0d0"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#81a1c1" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#eceff4">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="#e5e9f0"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#c2d0e7"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#b8c5db"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#2e3440">nord (light)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#aebacf"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#2e3440">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#60728c">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#3b6ea8"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e5e9f0">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#97365b"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#b8c5db"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#e5e9f0"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#29838d">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#b8c5db"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#99324b"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#ac4426"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#398eac"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#3b6ea8" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#2e3440">Surface Tint Overlay</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,46 @@
|
||||
{
|
||||
"id": "nord",
|
||||
"name": "nord",
|
||||
"version": "1.0.1",
|
||||
"author": "wirus",
|
||||
"description": "nord theme",
|
||||
"dark": {
|
||||
"primary": "#81a1c1",
|
||||
"primaryText": "#2e3440",
|
||||
"primaryContainer": "#88c0d0",
|
||||
"secondary": "#b48ead",
|
||||
"surface": "#3b4252",
|
||||
"surfaceText": "#eceff4",
|
||||
"surfaceVariant": "#434c5e",
|
||||
"surfaceVariantText": "#eceff4",
|
||||
"surfaceTint": "#81a1c1",
|
||||
"background": "#2e3440",
|
||||
"backgroundText": "#8fbcbb",
|
||||
"outline": "#d8dee9",
|
||||
"surfaceContainer": "#434c5e",
|
||||
"surfaceContainerHigh": "#4c566a",
|
||||
"error": "#bf616a",
|
||||
"warning": "#d08770",
|
||||
"info": "#88c0d0"
|
||||
},
|
||||
"light": {
|
||||
"primary": "#3b6ea8",
|
||||
"primaryText": "#e5e9f0",
|
||||
"primaryContainer": "#398eac",
|
||||
"secondary": "#97365b",
|
||||
"surface": "#c2d0e7",
|
||||
"surfaceText": "#2e3440",
|
||||
"surfaceVariant": "#b8c5db",
|
||||
"surfaceVariantText": "#3b4252",
|
||||
"surfaceTint": "#3b6ea8",
|
||||
"background": "#e5e9f0",
|
||||
"backgroundText": "#29838d",
|
||||
"outline": "#60728c",
|
||||
"surfaceContainer": "#b8c5db",
|
||||
"surfaceContainerHigh": "#aebacf",
|
||||
"error": "#99324b",
|
||||
"warning": "#ac4426",
|
||||
"info": "#398eac"
|
||||
},
|
||||
"sourceDir": "nord"
|
||||
}
|
||||
@@ -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="#191724"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#1f1d2e"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#1f1d2e"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Rosé Pine (dark)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#26233a"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#191724">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#1f1d2e"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#191724"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#1f1d2e"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#c4a7e7" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">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="#191724"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#26233a"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#26233a"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Dawn (dark)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#1f1d2e"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#191724">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#26233a"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#191724"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#26233a"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">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="#faf4ed"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#fffaf3"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Dawn (light)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#56949f"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">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="#191724"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#26233a"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#26233a"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Dawn (dark)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#1f1d2e"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#191724">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#26233a"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#191724"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#26233a"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">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="#faf4ed"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#fffaf3"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Dawn (light)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#56949f"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">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="#faf4ed"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#fffaf3"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Rosé Pine (light)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#56949f"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">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="#232136"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#2a273f"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#2a273f"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Moon (dark)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#393552"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#232136">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#2a273f"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#232136"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#2a273f"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#c4a7e7" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">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="#faf4ed"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#f2e9de"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Moon (light)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#56949f"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">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="#232136"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#2a273f"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#2a273f"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Moon (dark)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#393552"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#232136">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#2a273f"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#232136"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#2a273f"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#c4a7e7" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">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="#faf4ed"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#f2e9de"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Moon (light)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#56949f"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">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="#191724"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#1f1d2e"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#1f1d2e"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Rosé Pine (dark)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#26233a"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#191724">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#1f1d2e"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#191724"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#1f1d2e"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#c4a7e7" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">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="#faf4ed"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#fffaf3"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Rosé Pine (light)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#56949f"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">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="#191724"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#1f1d2e"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#1f1d2e"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#e0def4">Rosé Pine Rosé Pine (dark)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#26233a"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#e0def4">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#908caa">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#c4a7e7"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#191724">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#f6c177"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#1f1d2e"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#191724"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#1f1d2e"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#eb6f92"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#f6c177"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#9ccfd8"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#c4a7e7" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#e0def4">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="#faf4ed"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#fffaf3"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#fffaf3"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#575279">Rosé Pine Rosé Pine (light)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#f2e9de"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#575279">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#797593">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#907aa9"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#faf4ed">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#ea9d34"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#faf4ed"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#fffaf3"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#b4637a"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#ea9d34"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#56949f"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#907aa9" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#575279">Surface Tint Overlay</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
@@ -0,0 +1,109 @@
|
||||
{
|
||||
"id": "rosePine",
|
||||
"name": "Rosé Pine",
|
||||
"version": "1.0.0",
|
||||
"author": "ExistencialistaP",
|
||||
"description": "All natural pine, faux fur and a bit of soho vibes for the classy minimalist",
|
||||
"dark": {
|
||||
"primary": "#c4a7e7",
|
||||
"primaryContainer": "#26233a",
|
||||
"secondary": "#f6c177",
|
||||
"surfaceText": "#e0def4",
|
||||
"surfaceVariantText": "#e0def4",
|
||||
"backgroundText": "#e0def4",
|
||||
"outline": "#908caa",
|
||||
"error": "#eb6f92",
|
||||
"warning": "#f6c177",
|
||||
"info": "#9ccfd8"
|
||||
},
|
||||
"light": {
|
||||
"primary": "#907aa9",
|
||||
"primaryContainer": "#dfdad9",
|
||||
"secondary": "#ea9d34",
|
||||
"surfaceText": "#575279",
|
||||
"surfaceVariantText": "#575279",
|
||||
"backgroundText": "#575279",
|
||||
"outline": "#797593",
|
||||
"error": "#b4637a",
|
||||
"warning": "#ea9d34",
|
||||
"info": "#56949f"
|
||||
},
|
||||
"variants": {
|
||||
"default": "rosePine",
|
||||
"options": [
|
||||
{
|
||||
"id": "rosePine",
|
||||
"name": "Rosé Pine",
|
||||
"dark": {
|
||||
"primaryText": "#191724",
|
||||
"surface": "#1f1d2e",
|
||||
"surfaceVariant": "#26233a",
|
||||
"surfaceTint": "#c4a7e7",
|
||||
"background": "#191724",
|
||||
"surfaceContainer": "#1f1d2e",
|
||||
"surfaceContainerHigh": "#26233a",
|
||||
"surfaceContainerHighest": "#524f67"
|
||||
},
|
||||
"light": {
|
||||
"primaryText": "#faf4ed",
|
||||
"surface": "#fffaf3",
|
||||
"surfaceVariant": "#f2e9de",
|
||||
"surfaceTint": "#907aa9",
|
||||
"background": "#faf4ed",
|
||||
"surfaceContainer": "#fffaf3",
|
||||
"surfaceContainerHigh": "#f2e9de",
|
||||
"surfaceContainerHighest": "#cecacd"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "moon",
|
||||
"name": "Moon",
|
||||
"dark": {
|
||||
"primaryText": "#232136",
|
||||
"surface": "#2a273f",
|
||||
"surfaceVariant": "#393552",
|
||||
"surfaceTint": "#c4a7e7",
|
||||
"background": "#232136",
|
||||
"surfaceContainer": "#2a273f",
|
||||
"surfaceContainerHigh": "#393552",
|
||||
"surfaceContainerHighest": "#56526e"
|
||||
},
|
||||
"light": {
|
||||
"primaryText": "#faf4ed",
|
||||
"surface": "#f2e9de",
|
||||
"surfaceVariant": "#fffaf3",
|
||||
"surfaceTint": "#907aa9",
|
||||
"background": "#faf4ed",
|
||||
"surfaceContainer": "#fffaf3",
|
||||
"surfaceContainerHigh": "#f2e9de",
|
||||
"surfaceContainerHighest": "#cecacd"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "dawn",
|
||||
"name": "Dawn",
|
||||
"dark": {
|
||||
"primaryText": "#191724",
|
||||
"surface": "#26233a",
|
||||
"surfaceVariant": "#1f1d2e",
|
||||
"surfaceTint": "#907aa9",
|
||||
"background": "#191724",
|
||||
"surfaceContainer": "#26233a",
|
||||
"surfaceContainerHigh": "#1f1d2e",
|
||||
"surfaceContainerHighest": "#524f67"
|
||||
},
|
||||
"light": {
|
||||
"primaryText": "#faf4ed",
|
||||
"surface": "#fffaf3",
|
||||
"surfaceVariant": "#f2e9de",
|
||||
"surfaceTint": "#907aa9",
|
||||
"background": "#faf4ed",
|
||||
"surfaceContainer": "#fffaf3",
|
||||
"surfaceContainerHigh": "#f2e9de",
|
||||
"surfaceContainerHighest": "#dfdad9"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
"sourceDir": "rose-pine"
|
||||
}
|
||||
@@ -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="#0e131a"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#0e131a"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#0e131a"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#fefefe">Steam Deck (dark)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#23262e"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#fefefe">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#55585d">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#1a9fff"/>
|
||||
<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="#777a7f"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#0e131a"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#0e131a"/>
|
||||
<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="#0e131a"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#f44336"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#ff9800"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#1a9fff"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#0e131a" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#fefefe">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="#b9bfca"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#b9bfca"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#b9bfca"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#23262e">Steam Deck (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="#23262e">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="#1a73e8"/>
|
||||
<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="#23262e"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#b9bfca"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#b9bfca"/>
|
||||
<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="#b9bfca"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#f44336"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#ff9800"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#1a73e8"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#b9bfca" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#23262e">Surface Tint Overlay</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,46 @@
|
||||
{
|
||||
"id": "steamDeck",
|
||||
"name": "Steam Deck",
|
||||
"version": "1.0.0",
|
||||
"author": "yayuuu",
|
||||
"description": "Steam Deck inspired theme",
|
||||
"dark": {
|
||||
"primary": "#1a9fff",
|
||||
"primaryText": "#16161e",
|
||||
"primaryContainer": "#23262e",
|
||||
"secondary": "#777a7f",
|
||||
"surface": "#0e131a",
|
||||
"surfaceText": "#fefefe",
|
||||
"surfaceVariant": "#55585d",
|
||||
"surfaceVariantText": "#cbccd1",
|
||||
"surfaceTint": "#0e131a",
|
||||
"background": "#0e131a",
|
||||
"backgroundText": "#d5d6db",
|
||||
"outline": "#55585d",
|
||||
"surfaceContainer": "#0e131a",
|
||||
"surfaceContainerHigh": "#23262e",
|
||||
"error": "#f44336",
|
||||
"warning": "#ff9800",
|
||||
"info": "#1a9fff"
|
||||
},
|
||||
"light": {
|
||||
"primary": "#1a73e8",
|
||||
"primaryText": "#d0d5e3",
|
||||
"primaryContainer": "#b9bfca",
|
||||
"secondary": "#23262e",
|
||||
"surface": "#b9bfca",
|
||||
"surfaceText": "#23262e",
|
||||
"surfaceVariant": "#c4c8da",
|
||||
"surfaceVariantText": "#1a1b26",
|
||||
"surfaceTint": "#b9bfca",
|
||||
"background": "#b9bfca",
|
||||
"backgroundText": "#1a1b26",
|
||||
"outline": "#4c505e",
|
||||
"surfaceContainer": "#b9bfca",
|
||||
"surfaceContainerHigh": "#9699a3",
|
||||
"error": "#f44336",
|
||||
"warning": "#ff9800",
|
||||
"info": "#1a73e8"
|
||||
},
|
||||
"sourceDir": "steam-deck"
|
||||
}
|
||||
@@ -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="#1f2335"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#c0caf5">TokyoNight Night and Moon (dark)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#292e42"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#c0caf5">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#3b4261">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="#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="#1f2335"/>
|
||||
<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="#1f2335"/>
|
||||
<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="#c0caf5">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="#191B29"/>
|
||||
<rect x="8" y="8" width="224" height="224" rx="8" fill="#222436"/>
|
||||
<rect x="16" y="16" width="208" height="36" rx="6" fill="#2f334d"/>
|
||||
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#c8d3f5">TokyoNight Night and Moon (light)</text>
|
||||
<rect x="16" y="60" width="208" height="72" rx="6" fill="#444a73"/>
|
||||
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#c8d3f5">Surface Text</text>
|
||||
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#444a73">Outline color</text>
|
||||
<rect x="28" y="108" width="72" height="18" rx="9" fill="#82aaff"/>
|
||||
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#1e2030">Primary</text>
|
||||
<rect x="108" y="108" width="48" height="18" rx="4" fill="#c099ff"/>
|
||||
<rect x="16" y="140" width="100" height="52" rx="6" fill="#2f334d"/>
|
||||
<rect x="24" y="148" width="84" height="36" rx="4" fill="#191B29"/>
|
||||
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#c8d3f5">Background</text>
|
||||
<rect x="124" y="140" width="100" height="52" rx="6" fill="#2f334d"/>
|
||||
<circle cx="148" cy="166" r="9" fill="#ff757f"/>
|
||||
<circle cx="172" cy="166" r="9" fill="#ff966c"/>
|
||||
<circle cx="196" cy="166" r="9" fill="#86e1fc"/>
|
||||
<rect x="16" y="200" width="208" height="24" rx="4" fill="#82aaff" opacity="0.15"/>
|
||||
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#c8d3f5">Surface Tint Overlay</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,46 @@
|
||||
{
|
||||
"id": "tokyoNightNightMoon",
|
||||
"name": "TokyoNight Night and Moon",
|
||||
"version": "1.0.0",
|
||||
"author": "Will Adams (adapted from Avenge Media)",
|
||||
"description": "Popular Tokyo Night color scheme with vibrant blues and purples, Night and Moon variant",
|
||||
"dark": {
|
||||
"primary": "#7aa2f7",
|
||||
"primaryText": "#1a1b26",
|
||||
"primaryContainer": "#7dcfff",
|
||||
"secondary": "#bb9af7",
|
||||
"surface": "#1a1b26",
|
||||
"surfaceText": "#c0caf5",
|
||||
"surfaceVariant": "#24283b",
|
||||
"surfaceVariantText": "#a9b1d6",
|
||||
"surfaceTint": "#7aa2f7",
|
||||
"background": "#16161e",
|
||||
"backgroundText": "#c0caf5",
|
||||
"outline": "#3b4261",
|
||||
"surfaceContainer": "#1f2335",
|
||||
"surfaceContainerHigh": "#292e42",
|
||||
"error": "#f7768e",
|
||||
"warning": "#ff9e64",
|
||||
"info": "#7dcfff"
|
||||
},
|
||||
"light": {
|
||||
"primary": "#82aaff",
|
||||
"primaryText": "#1e2030",
|
||||
"primaryContainer": "#86e1fc",
|
||||
"secondary": "#c099ff",
|
||||
"surface": "#222436",
|
||||
"surfaceText": "#c8d3f5",
|
||||
"surfaceVariant": "#2f334d",
|
||||
"surfaceVariantText": "#828bb8",
|
||||
"surfaceTint": "#82aaff",
|
||||
"background": "#191B29",
|
||||
"backgroundText": "#c8d3f5",
|
||||
"outline": "#444a73",
|
||||
"surfaceContainer": "#2f334d",
|
||||
"surfaceContainerHigh": "#444a73",
|
||||
"error": "#ff757f",
|
||||
"warning": "#ff966c",
|
||||
"info": "#86e1fc"
|
||||
},
|
||||
"sourceDir": "tokyonight-night-moon"
|
||||
}
|
||||
Reference in New Issue
Block a user