added various brand themes

This commit is contained in:
2026-06-05 11:20:31 +02:00
parent 42034ee108
commit b2d3415dee
101 changed files with 2888 additions and 201 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="#000000"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#000000"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#000000"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#E6F0FF">Amoled Black black white (dark)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#000000"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#E6F0FF">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#555555">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#FFFFFF"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#000000">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#999999"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#000000"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#000000"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#FFFFFF">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#000000"/>
<circle cx="148" cy="166" r="9" fill="#DD0000"/>
<circle cx="172" cy="166" r="9" fill="#FFCC00"/>
<circle cx="196" cy="166" r="9" fill="#999999"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#FF6600" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#E6F0FF">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="#000000"/>
<rect x="8" y="8" width="224" height="224" rx="8" fill="#000000"/>
<rect x="16" y="16" width="208" height="36" rx="6" fill="#000000"/>
<text x="28" y="40" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#E6F0FF">Amoled Black black white (light)</text>
<rect x="16" y="60" width="208" height="72" rx="6" fill="#000000"/>
<text x="28" y="82" font-family="system-ui, sans-serif" font-size="11" fill="#E6F0FF">Surface Text</text>
<text x="28" y="98" font-family="system-ui, sans-serif" font-size="10" fill="#555555">Outline color</text>
<rect x="28" y="108" width="72" height="18" rx="9" fill="#FFFFFF"/>
<text x="64" y="120" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#000000">Primary</text>
<rect x="108" y="108" width="48" height="18" rx="4" fill="#999999"/>
<rect x="16" y="140" width="100" height="52" rx="6" fill="#000000"/>
<rect x="24" y="148" width="84" height="36" rx="4" fill="#000000"/>
<text x="66" y="170" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#FFFFFF">Background</text>
<rect x="124" y="140" width="100" height="52" rx="6" fill="#000000"/>
<circle cx="148" cy="166" r="9" fill="#DD0000"/>
<circle cx="172" cy="166" r="9" fill="#FFCC00"/>
<circle cx="196" cy="166" r="9" fill="#999999"/>
<rect x="16" y="200" width="208" height="24" rx="4" fill="#FF6600" opacity="0.15"/>
<text x="120" y="216" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle" fill="#E6F0FF">Surface Tint Overlay</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -0,0 +1,213 @@
{
"id": "amoledBlack",
"name": "Amoled Black",
"version": "1.0.0",
"author": "acup",
"description": "absolutle black",
"dark": {},
"light": {},
"variants": {
"type": "multi",
"defaults": {
"dark": {
"accent": "white",
"flavor": "black"
},
"light": {
"accent": "white",
"flavor": "black-light"
}
},
"flavors": [
{
"id": "black",
"name": "black",
"dark": {
"primaryText": "#000000",
"primaryContainer": "#CC5200",
"secondary": "#999999",
"surface": "#000000",
"surfaceText": "#E6F0FF",
"surfaceVariant": "#000000",
"surfaceVariantText": "#FFFFFF",
"surfaceTint": "#FF6600",
"background": "#000000",
"backgroundText": "#FFFFFF",
"outline": "#555555",
"surfaceContainer": "#000000",
"surfaceContainerHigh": "#000000",
"error": "#DD0000",
"warning": "#FFCC00",
"info": "#999999"
},
"light": {}
},
{
"id": "black-light",
"name": "black",
"dark": {},
"light": {
"primaryText": "#000000",
"primaryContainer": "#CC5200",
"secondary": "#999999",
"surface": "#000000",
"surfaceText": "#E6F0FF",
"surfaceVariant": "#000000",
"surfaceVariantText": "#FFFFFF",
"surfaceTint": "#FF6600",
"background": "#000000",
"backgroundText": "#FFFFFF",
"outline": "#555555",
"surfaceContainer": "#000000",
"surfaceContainerHigh": "#000000",
"error": "#DD0000",
"warning": "#FFCC00",
"info": "#999999"
}
}
],
"accents": [
{
"black": {
"primary": "#FFFFFF"
},
"black-light": {
"primary": "#FFFFFF"
},
"id": "white",
"name": "white"
},
{
"black": {
"primary": "#FF0000"
},
"black-light": {
"primary": "#FF0000"
},
"id": "red",
"name": "red"
},
{
"black": {
"primary": "#800000"
},
"black-light": {
"primary": "#800000"
},
"id": "maroon",
"name": "maroon"
},
{
"black": {
"primary": "#00FF00"
},
"black-light": {
"primary": "#00FF00"
},
"id": "green",
"name": "green"
},
{
"black": {
"primary": "#008000"
},
"black-light": {
"primary": "#008000"
},
"id": "dark-green",
"name": "dark green"
},
{
"black": {
"primary": "#ADFF2F"
},
"black-light": {
"primary": "#ADFF2F"
},
"id": "greenyellow",
"name": "greenyellow"
},
{
"black": {
"primary": "#03fc7b"
},
"black-light": {
"primary": "#03fc7b"
},
"id": "coral",
"name": "coral"
},
{
"black": {
"primary": "#0000FF"
},
"black-light": {
"primary": "#0000FF"
},
"id": "blue",
"name": "blue"
},
{
"black": {
"primary": "#03fcc6"
},
"black-light": {
"primary": "#03fcc6"
},
"id": "turquoise",
"name": "turquoise"
},
{
"black": {
"primary": "#CC00FF"
},
"black-light": {
"primary": "#CC00FF"
},
"id": "purple",
"name": "purple"
},
{
"black": {
"primary": "#fc03eb"
},
"black-light": {
"primary": "#fc03eb"
},
"id": "pink",
"name": "pink"
},
{
"black": {
"primary": "#fcfc03"
},
"black-light": {
"primary": "#fcfc03"
},
"id": "yellow",
"name": "yellow"
},
{
"black": {
"primary": "#F35C25"
},
"black-light": {
"primary": "#F35C25"
},
"id": "orange",
"name": "orange"
},
{
"black": {
"primary": "#ff7b00"
},
"black-light": {
"primary": "#ff7b00"
},
"id": "light-orange",
"name": "light orange"
}
]
},
"sourceDir": "amoled-black-theme"
}