tmp colors
This commit is contained in:
parent
f48255a561
commit
d00556b5cc
6 changed files with 198 additions and 53 deletions
|
|
@ -36,29 +36,55 @@ Process:
|
|||
## Color Palette
|
||||
|
||||
|
||||
A teal ramp from light to dark,
|
||||
plus two neutral tones for the shell chrome.
|
||||
A teal ramp of 7 stops from light to dark,
|
||||
plus two neutral tones for the shell chrome,
|
||||
plus 5 accent hues with 2 shades each for the terminal ANSI colors.
|
||||
|
||||
All colors except the two neutrals can be verified
|
||||
with [`derive-palette.py`](./derive-palette.py)
|
||||
to be derived from GNOME's "teal" accent alone.
|
||||
|
||||
The ramp is uniform in perceived lightness (i.e., OKLCH),
|
||||
with the accent centered by arithmetic:
|
||||
In dark mode it reads light-to-dark (e.g., text on dark surfaces),
|
||||
in light mode dark-to-light.
|
||||
|
||||
Translucent colors are always alpha-variants of a stop,
|
||||
used for `forge`'s tile previews and tab decorations.
|
||||
used for tile previews and tab decorations by `forge`.
|
||||
|
||||
|
||||
| Stop | Hex | RGB | Role |
|
||||
|------|-----------|--------------------|----------------------------------------------|
|
||||
| 1 | `#DEEDF1` | rgb(222, 237, 241) | Foreground and text, focused borders |
|
||||
| 2 | `#AED6DE` | rgb(174, 214, 222) | Quiet chrome: bar and unfocused windows |
|
||||
| 3 | `#7CBDCB` | rgb(124, 189, 203) | Tile previews |
|
||||
| 4 | `#4AA4B6` | rgb( 74, 164, 182) | Borders of active elements |
|
||||
| 5 | `#2190A4` | rgb( 33, 144, 164) | Accent |
|
||||
| 6 | `#028397` | rgb( 2, 131, 151) | Stacked and tabbed layout, floated windows |
|
||||
| 7 | `#067A8D` | rgb( 6, 122, 141) | Openbar Highlights |
|
||||
| 8 | `#086E7F` | rgb( 8, 110, 127) | Tab decorations |
|
||||
| 9 | `#0A6271` | rgb( 10, 98, 113) | Dimmed backgrounds (e.g., inactive tabs) |
|
||||
| 0 | `#054A55` | rgb( 5, 74, 85) | Dark base: terminal and sub-menu backgrounds |
|
||||
| gray | `#2E2E32` | rgb( 46, 46, 50) | Surfaces: bar and menu backgrounds |
|
||||
| base | `#000000` | rgb( 0, 0, 0) | Screensaver, shadows |
|
||||
| Stop | Hex | RGB | Role |
|
||||
|------|-----------|--------------------|-----------------------------------------------|
|
||||
| 1 | `#DDECF0` | rgb(221, 236, 240) | Foreground and text, focused borders |
|
||||
| 2 | `#96D0DD` | rgb(150, 208, 221) | Quiet chrome: bar and unfocused windows |
|
||||
| 3 | `#59B1C4` | rgb( 89, 177, 196) | Tile previews, borders of active elements |
|
||||
| 4 | `#2190A4` | rgb( 33, 144, 164) | Accent |
|
||||
| 5 | `#006E81` | rgb( 0, 110, 129) | Stacked/tabbed layouts, tab decorations |
|
||||
| 6 | `#004D5C` | rgb( 0, 77, 92) | Dimmed and sub-menu backgrounds |
|
||||
| 7 | `#002E37` | rgb( 0, 46, 55) | Dark base: terminal background |
|
||||
| gray | `#2E2E32` | rgb( 46, 46, 50) | Surfaces: bar and menu backgrounds |
|
||||
| base | `#000000` | rgb( 0, 0, 0) | Screensaver, shadows |
|
||||
|
||||
|
||||
Stop 5 is GNOME's default "teal" color,
|
||||
which is one of nine built-in colors that cannot be changed.
|
||||
"gray" is GNOME's dark surface gray.
|
||||
Stop 4 is GNOME's "teal",
|
||||
one of nine built-in accent colors that cannot be changed
|
||||
(see `--accent-teal` in `libadwaita`).
|
||||
"gray" is the dark header-bar and sidebar background in `libadwaita`
|
||||
(see `--headerbar-bg-color` and `--sidebar-bg-color`).
|
||||
|
||||
|
||||
### Terminal Accents
|
||||
|
||||
|
||||
Derived at the anchor's chroma,
|
||||
with lightness solved for WCAG 4.5:1 against stop 7;
|
||||
"bright" is the same hue lifted by 0.10 in lightness.
|
||||
|
||||
|
||||
| Hue | Normal | Bright |
|
||||
|---------|-----------|-----------|
|
||||
| red | `#C87B75` | `#EA9A93` |
|
||||
| yellow | `#A38F45` | `#C2AF64` |
|
||||
| green | `#669D68` | `#84BC85` |
|
||||
| blue | `#6D91CC` | `#8BB0ED` |
|
||||
| magenta | `#B57DB0` | `#D69CD0` |
|
||||
|
|
|
|||
Loading…
Reference in a new issue