added various brand 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="#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"
|
||||
}
|
||||
Reference in New Issue
Block a user