63 lines
4.2 KiB
JSON
63 lines
4.2 KiB
JSON
{
|
|
"schemaVersion": 1,
|
|
"version": "1.0.0",
|
|
"defaultPalette": "opal",
|
|
"defaultAppearance": "system",
|
|
"primitives": {"white": "#FFFFFF", "alertLight": [0.675, 0.208, 0.282], "alertDark": [1.0, 0.604, 0.675]},
|
|
"roles": {
|
|
"ground": "Screen background",
|
|
"surface": "Opaque controls, grouped rows and dock",
|
|
"personaSurface": "Opaque square persona stage",
|
|
"ink": "Primary text",
|
|
"quiet": "Supporting text, placeholders and inactive icons; never reduce opacity for body copy",
|
|
"accent": "Primary actions and current selection; Nearlight.rosewood compatibility",
|
|
"onAccent": "Primary action label",
|
|
"alert": "Error text and destructive actions; independent of palette",
|
|
"onAlert": "Label on solid destructive action",
|
|
"focus": "Keyboard focus ring against surrounding surfaces",
|
|
"controlBorder": "Essential control boundary; not the decorative separator"
|
|
},
|
|
"sharedRoles": {
|
|
"light": {"alert": "alertLight", "onAlert": "white"},
|
|
"dark": {"alert": "alertDark", "onAlert": "$ground"}
|
|
},
|
|
"derivedRoles": {
|
|
"separator": {"foreground": "ink", "alpha": 0.14, "background": "surface", "purpose": "Decorative separator only; not an essential boundary"},
|
|
"selectedWash": {"foreground": "accent", "alpha": 0.10, "background": "surface", "purpose": "Selected background; pair with selected semantics/checkmark"},
|
|
"errorWash": {"foreground": "alert", "alpha": 0.08, "background": "surface", "purpose": "Error background; pair with icon, explicit message and recovery"}
|
|
},
|
|
"components": {
|
|
"actionBackground": "accent", "actionForeground": "onAccent",
|
|
"inputBackground": "surface", "inputForeground": "ink", "inputPlaceholder": "quiet",
|
|
"inputBorder": "controlBorder", "inputFocus": "focus", "personaBackground": "personaSurface",
|
|
"errorBackground": "errorWash", "errorForeground": "alert"
|
|
},
|
|
"palettes": {
|
|
"opal": {
|
|
"label": "Opal Pink",
|
|
"light": {"ground": "#FFFDFD", "surface": "#FFF7FA", "personaSurface": "#FFF2F7", "ink": "#302B40", "quiet": "#706074", "accent": "#A64270", "onAccent": "#FFFFFF", "focus": "#A64270", "controlBorder": "#706074"},
|
|
"dark": {"ground": "#201820", "surface": "#302330", "personaSurface": "#3B2836", "ink": "#FFF2F7", "quiet": "#CBB6C7", "accent": "#F0A8C8", "onAccent": "#201820", "focus": "#F0A8C8", "controlBorder": "#CBB6C7"}
|
|
},
|
|
"graphite": {
|
|
"label": "Graphite",
|
|
"light": {"ground": "#FDFDFE", "surface": "#F3F4F6", "personaSurface": "#EDEEF2", "ink": "#272A33", "quiet": "#5E626E", "accent": "#505969", "onAccent": "#FFFFFF", "focus": "#505969", "controlBorder": "#5E626E"},
|
|
"dark": {"ground": "#191B20", "surface": "#25282F", "personaSurface": "#30343D", "ink": "#F3F4F7", "quiet": "#BCC1CD", "accent": "#BFC9DC", "onAccent": "#191B20", "focus": "#BFC9DC", "controlBorder": "#BCC1CD"}
|
|
},
|
|
"ocean": {
|
|
"label": "Ocean",
|
|
"light": {"ground": "#FCFEFF", "surface": "#F0F7FB", "personaSurface": "#E7F2F9", "ink": "#233442", "quiet": "#536878", "accent": "#27658C", "onAccent": "#FFFFFF", "focus": "#27658C", "controlBorder": "#536878"},
|
|
"dark": {"ground": "#15212B", "surface": "#20313F", "personaSurface": "#283D4D", "ink": "#EDF7FF", "quiet": "#B3CBDE", "accent": "#97CEEE", "onAccent": "#15212B", "focus": "#97CEEE", "controlBorder": "#B3CBDE"}
|
|
},
|
|
"sage": {
|
|
"label": "Sage",
|
|
"light": {"ground": "#FCFEFC", "surface": "#F0F6F1", "personaSurface": "#E7F0E9", "ink": "#29382D", "quiet": "#596B5D", "accent": "#3C704D", "onAccent": "#FFFFFF", "focus": "#3C704D", "controlBorder": "#596B5D"},
|
|
"dark": {"ground": "#19231C", "surface": "#26342A", "personaSurface": "#304236", "ink": "#F0F8F1", "quiet": "#B9CFBE", "accent": "#A5D4AF", "onAccent": "#19231C", "focus": "#A5D4AF", "controlBorder": "#B9CFBE"}
|
|
},
|
|
"lavender": {
|
|
"label": "Lavender",
|
|
"light": {"ground": "#FEFDFF", "surface": "#F6F2FC", "personaSurface": "#EEE8F8", "ink": "#342D43", "quiet": "#685E7B", "accent": "#70529C", "onAccent": "#FFFFFF", "focus": "#70529C", "controlBorder": "#685E7B"},
|
|
"dark": {"ground": "#201B29", "surface": "#2E273C", "personaSurface": "#3B324D", "ink": "#F7F1FF", "quiet": "#C8BADF", "accent": "#CFB4F4", "onAccent": "#201B29", "focus": "#CFB4F4", "controlBorder": "#C8BADF"}
|
|
}
|
|
}
|
|
}
|