NotAShelf
eb03499933Signed-off-by: NotAShelf <raf@notashelf.dev> Change-Id: Iaade5d67478a437673f2bc2a18e9fb676a6a6964
64 lines
4.1 KiB
JSON
64 lines
4.1 KiB
JSON
{
|
|
"color": {
|
|
"ice-blue": {
|
|
"50": { "value": "#eaf6ff", "comment": "Subtle tinted backgrounds, hover fills" },
|
|
"100": { "value": "#c9e8ff", "comment": "Light badges, info chip backgrounds" },
|
|
"200": { "value": "#93cfff", "comment": "Borders on tinted surfaces" },
|
|
"300": { "value": "#5ab3f5", "comment": "Decorative accents, dark-mode borders" },
|
|
"400": { "value": "#2a94e8", "comment": "Primary button (dark theme)" },
|
|
"500": { "value": "#1070c8", "comment": "Primary button (light theme)" },
|
|
"600": { "value": "#0d549e", "comment": "Button hover (light theme)" },
|
|
"700": { "value": "#0a3c73", "comment": "Strong emphasis, active states" },
|
|
"800": { "value": "#072849", "comment": "Text on light blue fills" },
|
|
"900": { "value": "#041525", "comment": "Maximum contrast on tinted backgrounds" }
|
|
},
|
|
"circuit-green": {
|
|
"50": { "value": "#f0fce0", "comment": "Success message backgrounds" },
|
|
"100": { "value": "#d4f7a0", "comment": "Success badge fills" },
|
|
"200": { "value": "#aeee5a", "comment": "Decorative borders, dark-mode badge fills" },
|
|
"300": { "value": "#88d620", "comment": "Dark-mode success badges" },
|
|
"400": { "value": "#6aae0a", "comment": "Online indicators, success buttons (dark)" },
|
|
"500": { "value": "#4a8c00", "comment": "Success buttons (light)" },
|
|
"600": { "value": "#376600", "comment": "Hover state for success actions" },
|
|
"700": { "value": "#254500", "comment": "Strong success emphasis" },
|
|
"800": { "value": "#162b00", "comment": "Text on green fills" },
|
|
"900": { "value": "#0a1400", "comment": "Maximum contrast on green backgrounds" }
|
|
},
|
|
"plasma-violet": {
|
|
"50": { "value": "#f0f0ff", "comment": "Accent background tints" },
|
|
"100": { "value": "#d4d3ff", "comment": "Accent badge fills (light)" },
|
|
"200": { "value": "#a8a6ff", "comment": "Decorative borders, dark-mode badge fills" },
|
|
"300": { "value": "#7b78f5", "comment": "Illustrated highlights" },
|
|
"400": { "value": "#5956e8", "comment": "Accent interactive elements (dark)" },
|
|
"500": { "value": "#3e3bc8", "comment": "Accent interactive elements (light)" },
|
|
"600": { "value": "#2e2b9b", "comment": "Hover on accent elements" },
|
|
"700": { "value": "#201e6e", "comment": "Strong accent, selected state outlines" },
|
|
"800": { "value": "#141245", "comment": "Text on violet fills" },
|
|
"900": { "value": "#09081f", "comment": "Maximum contrast on violet backgrounds" }
|
|
},
|
|
"solder-amber": {
|
|
"50": { "value": "#fff8eb", "comment": "Warning message backgrounds" },
|
|
"100": { "value": "#fde9b2", "comment": "Warning badge fills (light)" },
|
|
"200": { "value": "#fbd062", "comment": "Decorative highlights" },
|
|
"300": { "value": "#f5b528", "comment": "Dark-mode warning badges" },
|
|
"400": { "value": "#dc8f0a", "comment": "Warning interactive elements (dark)" },
|
|
"500": { "value": "#ae6a06", "comment": "Warning buttons (light)" },
|
|
"600": { "value": "#804d04", "comment": "Hover on warning elements" },
|
|
"700": { "value": "#533203", "comment": "Strong warning emphasis" },
|
|
"800": { "value": "#301d02", "comment": "Text on amber fills" },
|
|
"900": { "value": "#160e01", "comment": "Maximum contrast on amber backgrounds" }
|
|
},
|
|
"void-gray": {
|
|
"50": { "value": "#f3f4f6", "comment": "Page background (light theme)" },
|
|
"100": { "value": "#d1d5db", "comment": "Subtle borders, dividers (light)" },
|
|
"200": { "value": "#9ca3af", "comment": "Placeholder text, disabled states" },
|
|
"300": { "value": "#6b7280", "comment": "Muted text, secondary labels" },
|
|
"400": { "value": "#4b5563", "comment": "Body text on white (accessible)" },
|
|
"500": { "value": "#374151", "comment": "Strong body text" },
|
|
"600": { "value": "#1f2937", "comment": "Surface background (dark theme)" },
|
|
"700": { "value": "#111827", "comment": "Elevated surface (dark theme)" },
|
|
"800": { "value": "#0a0e17", "comment": "Page background (dark theme)" },
|
|
"900": { "value": "#050810", "comment": "Deepest background, near-black" }
|
|
}
|
|
}
|
|
}
|