First commit. Version 0.1.0
This commit is contained in:
307
themes/default/theme.json
Normal file
307
themes/default/theme.json
Normal file
@@ -0,0 +1,307 @@
|
||||
{
|
||||
"theme": {
|
||||
"id": "default",
|
||||
"name": "Default"
|
||||
},
|
||||
|
||||
"fonts": {
|
||||
"sora": {
|
||||
"name": "Sora",
|
||||
"fallbacks": ["system-ui", "sans-serif"],
|
||||
"sources": [
|
||||
{ "weight": 300, "path": "/usr/share/fonts/opentype/sora/Sora-Light.otf" },
|
||||
{ "weight": 400, "path": "/usr/share/fonts/opentype/sora/Sora-Regular.otf" },
|
||||
{ "weight": 600, "path": "/usr/share/fonts/opentype/sora/Sora-SemiBold.otf" },
|
||||
{ "weight": 700, "path": "/usr/share/fonts/opentype/sora/Sora-Bold.otf" }
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
"colors": {
|
||||
"navy": "#0A032E",
|
||||
"indigo": "#221A5A",
|
||||
"midnight": "#181045",
|
||||
"white": "#FFFFFF",
|
||||
"off-white": "#EAE9EB",
|
||||
"sky": "#2AA7F7",
|
||||
"sky-mist": "#E6F0FB",
|
||||
"cyan": "#04D9FE",
|
||||
"cyan-soft": "#02CFFF",
|
||||
"teal": "#00CEB1",
|
||||
"teal-deep": "#006073",
|
||||
"danger": "#E5484D",
|
||||
"slate": "#5F5F68",
|
||||
"silver": "#D8D7DE",
|
||||
"glass-hi": "#555555",
|
||||
"glass-elev": "#212121",
|
||||
"ink": "#000000",
|
||||
"cyan-deep": "#0091AD",
|
||||
"teal-fill-end": "#00687C"
|
||||
},
|
||||
|
||||
"gradients": {
|
||||
"fill-cyan-slider": {
|
||||
"type": "linear",
|
||||
"angle_deg": 0,
|
||||
"space": "linear-rgb",
|
||||
"stops": [
|
||||
{ "pos": 0, "color": "@teal-fill-end" },
|
||||
{ "pos": 1, "color": "@cyan" }
|
||||
]
|
||||
},
|
||||
"fill-cyan-toggle": {
|
||||
"type": "linear",
|
||||
"angle_deg": 0,
|
||||
"space": "linear-rgb",
|
||||
"stops": [
|
||||
{ "pos": 0, "color": "@cyan" },
|
||||
{ "pos": 1, "color": "@cyan-deep" }
|
||||
]
|
||||
},
|
||||
"track-glass-light": {
|
||||
"type": "linear",
|
||||
"angle_deg": 180,
|
||||
"space": "linear-rgb",
|
||||
"stops": [
|
||||
{ "pos": 0, "color": "@white/80" },
|
||||
{ "pos": 1.1781, "color": "@off-white/80" }
|
||||
]
|
||||
},
|
||||
"surface-glass-dark": {
|
||||
"type": "linear",
|
||||
"angle_deg": 180,
|
||||
"space": "linear-rgb",
|
||||
"stops": [
|
||||
{ "pos": 0, "color": "@sky/80" },
|
||||
{ "pos": 1.1781, "color": "@navy/80" }
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
"inset_stacks": {
|
||||
"glass-insets": [
|
||||
{ "offset": [ 0, 1 ], "blur": 4, "color": "@ink/0F", "blend": "normal" }
|
||||
],
|
||||
"glass-insets-rich": [
|
||||
{ "offset": [-3.6, -3.6], "blur": 13.5, "color": "@white", "blend": "normal" },
|
||||
{ "offset": [ 1.8, 1.8], "blur": 1.8, "color": "@white", "blend": "normal" },
|
||||
{ "offset": [ 1.8, 1.8], "blur": 7.2, "color": "@ink/26", "blend": "normal" }
|
||||
]
|
||||
},
|
||||
|
||||
"modes": {
|
||||
"light": {
|
||||
"launcher": { "background": "@white/E6", "border_radius": 24.0 },
|
||||
"window_controls": {
|
||||
"icon": "@slate",
|
||||
"hover_bg": "@navy/14",
|
||||
"pressed_bg": "@navy/24",
|
||||
"close_hover_bg": "@danger",
|
||||
"close_icon": "@white",
|
||||
"focus_ring": "@teal"
|
||||
},
|
||||
"slots": {
|
||||
"bg-page": { "type": "color", "value": "@sky-mist", "meta": { "semantic": "palette/bg" } },
|
||||
"surface": { "type": "color", "value": "@white/EE", "meta": { "semantic": "palette/surface" } },
|
||||
"surface-alt": { "type": "color", "value": "@white/D9", "meta": { "semantic": "palette/surface_alt" } },
|
||||
"text-primary": { "type": "color", "value": "@navy", "meta": { "semantic": "palette/text_primary" } },
|
||||
"text-secondary": { "type": "color", "value": "@navy/99", "meta": { "semantic": "palette/text_secondary" } },
|
||||
"accent": { "type": "color", "value": "@cyan", "meta": { "semantic": "palette/accent" } },
|
||||
"divider": { "type": "color", "value": "@navy/14", "meta": { "semantic": "palette/divider" } },
|
||||
"icon": { "type": "color", "value": "@navy", "meta": { "semantic": "palette/icon" } },
|
||||
|
||||
"shadows-glass": {
|
||||
"type": "shadows",
|
||||
"shadows": [
|
||||
{ "offset": [0, 0], "blur": 9, "color": "@glass-elev/40" }
|
||||
],
|
||||
"meta": { "semantic": "effect/glass/elevation" }
|
||||
},
|
||||
|
||||
"surface-slider-track": {
|
||||
"type": "surface",
|
||||
"fill": "@track-glass-light",
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": "@glass-insets",
|
||||
"meta": { "semantic": "effect/glass/slider-track" }
|
||||
},
|
||||
|
||||
"surface-slider-fill": {
|
||||
"type": "surface",
|
||||
"fill": "@fill-cyan-slider",
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": "@glass-insets",
|
||||
"meta": { "semantic": "effect/glass/slider-fill" }
|
||||
},
|
||||
|
||||
"surface-card": {
|
||||
"type": "surface",
|
||||
"fill": {
|
||||
"type": "linear",
|
||||
"angle_deg": 180,
|
||||
"space": "linear-rgb",
|
||||
"stops": [
|
||||
{ "pos": 0, "color": "@white/80" },
|
||||
{ "pos": 1, "color": "@off-white/80" }
|
||||
]
|
||||
},
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": "@glass-insets",
|
||||
"meta": { "semantic": "effect/glass/card" }
|
||||
},
|
||||
|
||||
"surface-panel": {
|
||||
"type": "surface",
|
||||
"fill": { "type": "solid", "color": "@white/40" },
|
||||
"meta": { "semantic": "effect/glass/panel" }
|
||||
},
|
||||
|
||||
"surface-card-flat": {
|
||||
"type": "surface",
|
||||
"fill": {
|
||||
"type": "linear",
|
||||
"angle_deg": 180,
|
||||
"space": "linear-rgb",
|
||||
"stops": [
|
||||
{ "pos": 0, "color": "@white/B3" },
|
||||
{ "pos": 1, "color": "@off-white/B3" }
|
||||
]
|
||||
},
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": "@glass-insets",
|
||||
"meta": { "semantic": "effect/glass/card-flat" }
|
||||
},
|
||||
|
||||
"surface-toggle-active": {
|
||||
"type": "surface",
|
||||
"fill": "@fill-cyan-toggle",
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": [
|
||||
{ "offset": [0, 0], "blur": 0, "spread": 0.6, "color": "@teal-deep", "blend": "normal" }
|
||||
],
|
||||
"meta": { "semantic": "effect/toggle/active" }
|
||||
},
|
||||
|
||||
"surface-slider-track-flat": {
|
||||
"type": "surface",
|
||||
"fill": "@track-glass-light",
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": "@glass-insets-rich",
|
||||
"meta": { "semantic": "effect/glass/slider-track-flat" }
|
||||
},
|
||||
|
||||
"surface-slider-fill-flat": {
|
||||
"type": "surface",
|
||||
"fill": "@fill-cyan-slider",
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": [
|
||||
{ "offset": [ 0, 1 ], "blur": 4, "color": "@ink/0F", "blend": "normal" },
|
||||
{ "offset": [ 0, 0 ], "blur": 0, "spread": 0.6, "color": "@teal-deep", "blend": "normal" }
|
||||
],
|
||||
"meta": { "semantic": "effect/glass/slider-fill-flat" }
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
"dark": {
|
||||
"launcher": { "background": "@indigo/E6", "border_radius": 24.0 },
|
||||
"window_controls": {
|
||||
"icon": "@silver",
|
||||
"hover_bg": "@white/18",
|
||||
"pressed_bg": "@white/26",
|
||||
"close_hover_bg": "@danger",
|
||||
"close_icon": "@white",
|
||||
"focus_ring": "@teal"
|
||||
},
|
||||
"slots": {
|
||||
"bg-page": { "type": "color", "value": "@navy", "meta": { "semantic": "palette/bg" } },
|
||||
"surface": { "type": "color", "value": "@midnight/EE", "meta": { "semantic": "palette/surface" } },
|
||||
"surface-alt": { "type": "color", "value": "@indigo/D9", "meta": { "semantic": "palette/surface_alt" } },
|
||||
"text-primary": { "type": "color", "value": "@white", "meta": { "semantic": "palette/text_primary" } },
|
||||
"text-secondary": { "type": "color", "value": "@white/B3", "meta": { "semantic": "palette/text_secondary" } },
|
||||
"accent": { "type": "color", "value": "@cyan", "meta": { "semantic": "palette/accent" } },
|
||||
"divider": { "type": "color", "value": "@white/14", "meta": { "semantic": "palette/divider" } },
|
||||
"icon": { "type": "color", "value": "@white", "meta": { "semantic": "palette/icon" } },
|
||||
|
||||
"shadows-glass": {
|
||||
"type": "shadows",
|
||||
"shadows": [
|
||||
{ "offset": [0, 0], "blur": 9, "color": "@glass-elev/40" }
|
||||
],
|
||||
"meta": { "semantic": "effect/glass/elevation" }
|
||||
},
|
||||
|
||||
"surface-slider-track": {
|
||||
"type": "surface",
|
||||
"fill": "@surface-glass-dark",
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": "@glass-insets",
|
||||
"meta": { "semantic": "effect/glass/slider-track" }
|
||||
},
|
||||
|
||||
"surface-slider-fill": {
|
||||
"type": "surface",
|
||||
"fill": "@fill-cyan-slider",
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": "@glass-insets",
|
||||
"meta": { "semantic": "effect/glass/slider-fill" }
|
||||
},
|
||||
|
||||
"surface-card": {
|
||||
"type": "surface",
|
||||
"fill": "@surface-glass-dark",
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": "@glass-insets",
|
||||
"meta": { "semantic": "effect/glass/card" }
|
||||
},
|
||||
|
||||
"surface-panel": {
|
||||
"type": "surface",
|
||||
"fill": { "type": "solid", "color": "@navy/40" },
|
||||
"meta": { "semantic": "effect/glass/panel" }
|
||||
},
|
||||
|
||||
"surface-card-flat": {
|
||||
"type": "surface",
|
||||
"fill": "@surface-glass-dark",
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": "@glass-insets",
|
||||
"meta": { "semantic": "effect/glass/card-flat" }
|
||||
},
|
||||
|
||||
"surface-toggle-active": {
|
||||
"type": "surface",
|
||||
"fill": "@fill-cyan-toggle",
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": [
|
||||
{ "offset": [-3.6, -3.6], "blur": 13.5, "color": "@glass-hi", "blend": "plus-lighter" },
|
||||
{ "offset": [ 1.8, 1.8], "blur": 1.8, "color": "@glass-hi", "blend": "plus-lighter" },
|
||||
{ "offset": [ 0.45, 0.45], "blur": 0.9, "color": "@ink", "blend": "overlay" },
|
||||
{ "offset": [ 1.8, 1.8], "blur": 7.2, "color": "@ink/26", "blend": "normal" },
|
||||
{ "offset": [0, 0], "blur": 0, "spread": 0.6, "color": "@cyan", "blend": "normal" }
|
||||
],
|
||||
"meta": { "semantic": "effect/toggle/active" }
|
||||
},
|
||||
|
||||
"surface-slider-track-flat": {
|
||||
"type": "surface",
|
||||
"fill": "@surface-glass-dark",
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": "@glass-insets",
|
||||
"meta": { "semantic": "effect/glass/slider-track-flat" }
|
||||
},
|
||||
|
||||
"surface-slider-fill-flat": {
|
||||
"type": "surface",
|
||||
"fill": "@fill-cyan-slider",
|
||||
"shadows": "shadows-glass",
|
||||
"inset_shadows": [
|
||||
{ "offset": [ 0, 1 ], "blur": 4, "color": "@ink/0F", "blend": "normal" },
|
||||
{ "offset": [ 0, 0 ], "blur": 0, "spread": 0.6, "color": "@teal-deep", "blend": "normal" }
|
||||
],
|
||||
"meta": { "semantic": "effect/glass/slider-fill-flat" }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user