Watch
1
0
Fork
You've already forked dotfiles
0

tmp colors

This commit is contained in:
Alexander Hess 2026-08-15 04:29:50 +02:00
commit d00556b5cc
Signed by: alexander
GPG key ID: B46EDB4DFC26805D
6 changed files with 198 additions and 53 deletions

View file

@ -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` |