`theme.json` gains a `noto-serif` family with its Light 300, Regular 400, Medium 500 and Bold 700 weights, read from the `fonts-noto-core` files that `ltk-theme-default` already depends on, and falling back to Sora. Only the families declared in the theme resolve through `Text::font`, so a widget that wants a serif face, such as the crustace clock with its bold time over a regular date, needs the family to be listed here.
410 lines
15 KiB
JSON
410 lines
15 KiB
JSON
{
|
|
"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" }
|
|
]
|
|
},
|
|
"noto-serif": {
|
|
"name": "Noto Serif",
|
|
"fallbacks": ["sora"],
|
|
"sources": [
|
|
{ "weight": 300, "path": "/usr/share/fonts/truetype/noto/NotoSerif-Light.ttf" },
|
|
{ "weight": 400, "path": "/usr/share/fonts/truetype/noto/NotoSerif-Regular.ttf" },
|
|
{ "weight": 500, "path": "/usr/share/fonts/truetype/noto/NotoSerif-Medium.ttf" },
|
|
{ "weight": 700, "path": "/usr/share/fonts/truetype/noto/NotoSerif-Bold.ttf" }
|
|
]
|
|
}
|
|
},
|
|
|
|
"colors": {
|
|
"navy": "#0A032E",
|
|
"indigo": "#221A5A",
|
|
"midnight": "#181045",
|
|
"window-bar-dark": "#2B2838",
|
|
"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",
|
|
"green": "#00D344",
|
|
"green-deep": "#00B41A",
|
|
"yellow": "#FFD400",
|
|
"orange": "#FF8156",
|
|
"orange-deep": "#BD6403",
|
|
"pink": "#EF15FA",
|
|
"pink-soft": "#FFD7FF",
|
|
"sky-deep": "#1E8FD9",
|
|
"error": "#F00013",
|
|
"error-soft": "#FF6B6B",
|
|
"neutral-tertiary": "#807E88"
|
|
},
|
|
|
|
"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": {
|
|
"bar_bg": "@off-white",
|
|
"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" } },
|
|
"danger": { "type": "color", "value": "@error", "meta": { "semantic": "palette/danger" } },
|
|
"text-tertiary": { "type": "color", "value": "@neutral-tertiary", "meta": { "semantic": "palette/text_tertiary" } },
|
|
"accept": { "type": "color", "value": "@green-deep", "meta": { "semantic": "status/accept" } },
|
|
"chip": { "type": "color", "value": "@off-white", "meta": { "semantic": "palette/chip" } },
|
|
"chip-active": { "type": "color", "value": "@navy", "meta": { "semantic": "palette/chip_active" } },
|
|
"chip-active-fg": { "type": "color", "value": "@white", "meta": { "semantic": "palette/chip_active_fg" } },
|
|
"avatar-1": { "type": "color", "value": "@sky", "meta": { "semantic": "avatar/1" } },
|
|
"avatar-2": { "type": "color", "value": "@green", "meta": { "semantic": "avatar/2" } },
|
|
"avatar-3": { "type": "color", "value": "@orange", "meta": { "semantic": "avatar/3" } },
|
|
"avatar-4": { "type": "color", "value": "@pink", "meta": { "semantic": "avatar/4" } },
|
|
"avatar-5": { "type": "color", "value": "@yellow", "meta": { "semantic": "avatar/5" } },
|
|
"avatar-6": { "type": "color", "value": "@sky-deep", "meta": { "semantic": "avatar/6" } },
|
|
"avatar-7": { "type": "color", "value": "@cyan", "meta": { "semantic": "avatar/7" } },
|
|
"avatar-8": { "type": "color", "value": "@green-deep", "meta": { "semantic": "avatar/8" } },
|
|
"avatar-9": { "type": "color", "value": "@orange-deep", "meta": { "semantic": "avatar/9" } },
|
|
|
|
"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-qs-tile": {
|
|
"type": "surface",
|
|
"fill": { "type": "solid", "color": "@white/B3" },
|
|
"meta": { "semantic": "effect/qs/tile" }
|
|
},
|
|
|
|
"surface-qs-tile-active": {
|
|
"type": "surface",
|
|
"fill": { "type": "solid", "color": "@cyan" },
|
|
"meta": { "semantic": "effect/qs/tile-active" }
|
|
},
|
|
|
|
"surface-qs-slider-track": {
|
|
"type": "surface",
|
|
"fill": { "type": "solid", "color": "@white/80" },
|
|
"meta": { "semantic": "effect/qs/slider-track" }
|
|
},
|
|
|
|
"surface-qs-slider-fill": {
|
|
"type": "surface",
|
|
"fill": { "type": "solid", "color": "@cyan" },
|
|
"meta": { "semantic": "effect/qs/slider-fill" }
|
|
},
|
|
|
|
"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": {
|
|
"bar_bg": "@window-bar-dark",
|
|
"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": "@navy", "meta": { "semantic": "palette/surface" } },
|
|
"surface-alt": { "type": "color", "value": "@navy/99", "meta": { "semantic": "palette/surface_alt" } },
|
|
"text-primary": { "type": "color", "value": "@white/EE", "meta": { "semantic": "palette/text_primary" } },
|
|
"text-secondary": { "type": "color", "value": "@white/D9", "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" } },
|
|
"danger": { "type": "color", "value": "@error-soft", "meta": { "semantic": "palette/danger" } },
|
|
"text-tertiary": { "type": "color", "value": "@white/80", "meta": { "semantic": "palette/text_tertiary" } },
|
|
"accept": { "type": "color", "value": "@green", "meta": { "semantic": "status/accept" } },
|
|
"chip": { "type": "color", "value": "@white/14", "meta": { "semantic": "palette/chip" } },
|
|
"chip-active": { "type": "color", "value": "@cyan", "meta": { "semantic": "palette/chip_active" } },
|
|
"chip-active-fg": { "type": "color", "value": "@navy", "meta": { "semantic": "palette/chip_active_fg" } },
|
|
"avatar-1": { "type": "color", "value": "@sky", "meta": { "semantic": "avatar/1" } },
|
|
"avatar-2": { "type": "color", "value": "@green", "meta": { "semantic": "avatar/2" } },
|
|
"avatar-3": { "type": "color", "value": "@orange", "meta": { "semantic": "avatar/3" } },
|
|
"avatar-4": { "type": "color", "value": "@pink", "meta": { "semantic": "avatar/4" } },
|
|
"avatar-5": { "type": "color", "value": "@yellow", "meta": { "semantic": "avatar/5" } },
|
|
"avatar-6": { "type": "color", "value": "@sky-deep", "meta": { "semantic": "avatar/6" } },
|
|
"avatar-7": { "type": "color", "value": "@cyan", "meta": { "semantic": "avatar/7" } },
|
|
"avatar-8": { "type": "color", "value": "@green-deep", "meta": { "semantic": "avatar/8" } },
|
|
"avatar-9": { "type": "color", "value": "@orange-deep", "meta": { "semantic": "avatar/9" } },
|
|
|
|
"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-qs-tile": {
|
|
"type": "surface",
|
|
"fill": { "type": "solid", "color": "@navy/B3" },
|
|
"meta": { "semantic": "effect/qs/tile" }
|
|
},
|
|
|
|
"surface-qs-tile-active": {
|
|
"type": "surface",
|
|
"fill": { "type": "solid", "color": "@cyan" },
|
|
"meta": { "semantic": "effect/qs/tile-active" }
|
|
},
|
|
|
|
"surface-qs-slider-track": {
|
|
"type": "surface",
|
|
"fill": { "type": "solid", "color": "@navy/80" },
|
|
"meta": { "semantic": "effect/qs/slider-track" }
|
|
},
|
|
|
|
"surface-qs-slider-fill": {
|
|
"type": "surface",
|
|
"fill": { "type": "solid", "color": "@cyan" },
|
|
"meta": { "semantic": "effect/qs/slider-fill" }
|
|
},
|
|
|
|
"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" }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|