48 lines
2.3 KiB
CSS
48 lines
2.3 KiB
CSS
/* Dark palette: the colour half of the stylesheet.
|
|
*
|
|
* `appearance.zig` prepends exactly one of `palette-dark.css` or
|
|
* `palette-light.css` to `style.css` and loads the pair as a single provider,
|
|
* so every named colour below has a counterpart in the other file. Adding one
|
|
* here means adding it there too — a name defined in only one palette is a
|
|
* rule that silently stops applying in the other scheme.
|
|
*
|
|
* Deep navy rather than neutral grey, lifted a little at each step so the
|
|
* three surfaces (window, sidebar, pane) separate without any of them
|
|
* reading as light. `pp_surface` is duplicated in `theme.zig` as the terminal
|
|
* renderer's default background; the two have to stay equal or the frame
|
|
* around a terminal stops matching its contents. */
|
|
|
|
/* Surfaces, darkest first. The window colour shows through as the gutter
|
|
between panes, so it sits below the panes rather than beside them. */
|
|
@define-color pp_bg #070c15;
|
|
@define-color pp_sidebar #0b1320;
|
|
@define-color pp_surface #0e1624;
|
|
@define-color pp_surface_raised #131f30;
|
|
@define-color pp_surface_raised_active #182740;
|
|
|
|
@define-color pp_border #1d2b3f;
|
|
@define-color pp_border_strong #2a3c55;
|
|
|
|
/* Text, brightest first. `faint` is for things that are labelled rather than
|
|
read — pane titles of panes you aren't in, dialog hints. */
|
|
@define-color pp_text #dde6f4;
|
|
@define-color pp_text_dim #9aabc2;
|
|
@define-color pp_text_faint #6a7c93;
|
|
|
|
@define-color pp_row_hover #162233;
|
|
@define-color pp_row_selected #1c2c45;
|
|
|
|
/* Signal's ultramarine. `strong` is the variant that has to stay legible as a
|
|
small mark on a surface — icons, dots, the state bar down a row's edge —
|
|
which is why it gets brighter here and darker in the light palette. */
|
|
@define-color pp_accent #3a76f0;
|
|
@define-color pp_accent_strong #6191f3;
|
|
@define-color pp_accent_muted #2f5296;
|
|
|
|
/* The three states that are news. Kept away from the accent on purpose: the
|
|
accent means "here" and these mean "something happened", and a sidebar
|
|
where those are the same colour answers neither question. */
|
|
@define-color pp_ok #3ecf8e;
|
|
@define-color pp_warn #f0b849;
|
|
@define-color pp_err #f2717b;
|