Files
qbz/crates/qbz-slint/ui/foundation/palette.slint
T
vicrodh 7535869e61 feat(qbz-slint): app shell frame
M1 progress. Adds the post-login shell: HeaderBar (nav tabs and
search), Sidebar (playlists list and user card), PlayerBar (transport,
now-playing, volume), and AppShell composing them with the content
region as a placeholder.

app.slint gains an AppScreen enum; clicking sign-in or start-offline
navigates login -> shell (no real auth yet — that is M2). New layout
foundation tokens (sidebar width, header/player-bar heights) plus
border and hover semantic colors.

cc
2026-05-18 12:34:01 -06:00

29 lines
1.3 KiB
Plaintext

// Raw palette — the only place hex colors are allowed to be literals.
// Mirrors the QBZ dark theme defined in `src/app.css`. Feature and shell
// components must never reference this directly; they consume semantic
// tokens from `semantic-colors.slint` instead.
export global Palette {
out property <color> black-0: #0f0f0f; // --bg-primary
out property <color> black-1: #1a1a1a; // --bg-secondary
out property <color> black-2: #2a2a2a; // --bg-tertiary
out property <color> hover-1: #1f1f1f; // --bg-hover
out property <color> white: #ffffff; // --text-primary
out property <color> gray-c: #cccccc; // --text-secondary
out property <color> gray-8: #888888; // --text-muted
out property <color> gray-5: #555555; // --text-disabled
out property <color> blue: #4285f4; // --accent-primary
out property <color> blue-hover: #5a9bf4;// --accent-hover
out property <color> blue-active: #3275e4;// --accent-active
out property <color> danger: #ef4444;
out property <color> warning: #fbbf24;
out property <color> shadow: #00000066; // rgba(0,0,0,0.4)
out property <color> alpha-6: #ffffff10; // ~6% white — hover fills
out property <color> alpha-8: #ffffff14; // ~8% white — hairline borders
}