|
Aurore
A Switch-like interface for your app, on every screen
|
#include <aurore/cadran/ui/cadran_palette.hpp>
Dark: the boards' navy. Light: the style board's cool white, the inks darkened to 4.5:1 on every surface they are drawn on, the rail's active pill included (teal #0A705F, amber #8A5200, coral #B71C1C); the quiet text too, on both (text3 4.5:1 on the second surface). The focus ring in the dark teal, its glow no lighter than the fill teal: 3:1 or more on the background at any point of its pulse (WCAG 1.4.11). The dark theme's hairline at 14 % white: the cards stay apart on a TV that crushes its blacks.
| Rgba cadran::palette::Palette::amber |
| Rgba cadran::palette::Palette::amber_fill |
| Rgba cadran::palette::Palette::amber_line |
| Rgba cadran::palette::Palette::amber_surf |
| Rgba cadran::palette::Palette::avatar0 |
The accounts' avatars, in turn: fills under a navy initial, alike on both themes.
| Rgba cadran::palette::Palette::avatar1 |
| Rgba cadran::palette::Palette::avatar2 |
| Rgba cadran::palette::Palette::avatar3 |
| Rgba cadran::palette::Palette::backdrop |
Behind a dialog or a picker: the navy, dimmed enough that the screen under it does not read through around a dialog's text and QR codes. A toast: a card of the second surface on the dark theme, navy on the light one, and its text.
| Rgba cadran::palette::Palette::bar |
A chart's bars, today's lighter.
| Rgba cadran::palette::Palette::bar_today |
| Rgba cadran::palette::Palette::bg |
| Rgba cadran::palette::Palette::blue |
| Rgba cadran::palette::Palette::border |
| Rgba cadran::palette::Palette::brand_fill |
| Rgba cadran::palette::Palette::brand_glow |
| Rgba cadran::palette::Palette::brand_track |
The loading screen's bar (LoadingBar::setBrand), alike in both themes: its track, its fill and the fill's lighter end.
| Rgba cadran::palette::Palette::click_pulse |
A press's flash: the fill teal, faint.
| Rgba cadran::palette::Palette::coral |
| Rgba cadran::palette::Palette::coral_fill |
| Rgba cadran::palette::Palette::coral_line |
| Rgba cadran::palette::Palette::coral_soft |
A removal's soft fill (the header's pill in danger).
| Rgba cadran::palette::Palette::glow |
| Rgba cadran::palette::Palette::glow_strong |
| Rgba cadran::palette::Palette::hl1 |
| Rgba cadran::palette::Palette::hl2 |
| Rgba cadran::palette::Palette::hold_fill |
A held button filling up (ui::hold_confirm), over its own colour.
| Rgba cadran::palette::Palette::key_bg |
| Rgba cadran::palette::Palette::key_fg |
| Rgba cadran::palette::Palette::knob |
A switch's knob, white on either track, and its edge while off.
| Rgba cadran::palette::Palette::knob_line |
| Rgba cadran::palette::Palette::line |
| Rgba cadran::palette::Palette::on_fill |
The label on a teal or coral fill (a confirmation's, a primary button's): the navy.
| Rgba cadran::palette::Palette::pill_ok |
| Rgba cadran::palette::Palette::pill_ok_ink |
| Rgba cadran::palette::Palette::pink |
The action tiles' fourth ink (cadran::List::tiles()), after teal, blue and violet: the third avatar's pink, darker on white.
| Rgba cadran::palette::Palette::rail_active |
| Rgba cadran::palette::Palette::rail_shadow |
The rail's shadow over the tab while it is out (its darkest).
| Rgba cadran::palette::Palette::surf |
| Rgba cadran::palette::Palette::surf2 |
| Rgba cadran::palette::Palette::teal |
| Rgba cadran::palette::Palette::teal_fill |
| Rgba cadran::palette::Palette::teal_soft |
| Rgba cadran::palette::Palette::text |
| Rgba cadran::palette::Palette::text2 |
| Rgba cadran::palette::Palette::text3 |
| Rgba cadran::palette::Palette::text_off |
What the app cannot do now (a read-only mode, ui::show_writable): the text, faded.
| Rgba cadran::palette::Palette::toast |
| Rgba cadran::palette::Palette::toast_text |
| Rgba cadran::palette::Palette::track |
| Rgba cadran::palette::Palette::violet |
a release note's alerts, a build's tags
| Rgba cadran::palette::Palette::well |
The empty part of a progress bar, behind a game's missing cover.