Dropdown and context menus now sit on the content background (surface-main) with a more defined border (border-muted, ~22% white) instead of the elevated surface plus hairline border, so the popover edge reads cleanly against the content instead of looking coarse. cc
30 lines
1.3 KiB
Plaintext
30 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
|
|
out property <color> alpha-strong: #ffffff38; // ~22% white — defined edges
|
|
}
|