| 1 |
|
| 2 |
* Alloy GTK 4 palette patch |
| 3 |
* |
| 4 |
* Applied over adw-gtk3 (or plain libadwaita in GTK 4 apps that use it |
| 5 |
* directly). Overrides libadwaita's named color tokens with Alloy's |
| 6 |
* default light theme (Akari Dawn). Chrome stays warm and muted; only |
| 7 |
* the information colors (success/warning/error) actually pop. |
| 8 |
* |
| 9 |
* Palette source of truth: makeover's themes/akari-dawn.toml. |
| 10 |
* Derivation rules (border-subtle, border-strong): docs/TOKENS.md. |
| 11 |
* |
| 12 |
* Dark-mode variant deferred — ship the light patch first, add |
| 13 |
* @media (prefers-color-scheme: dark) overrides when needed. |
| 14 |
|
| 15 |
|
| 16 |
|
| 17 |
* Palette (approximated hex from OKLCH) |
| 18 |
* ------------------------------------------------------------------- |
| 19 |
@define-color alloy_surface_sunken #cfc4b6; |
| 20 |
@define-color alloy_surface #e4ded6; |
| 21 |
@define-color alloy_surface_raised #ede7de; |
| 22 |
@define-color alloy_surface_overlay #f0ece4; |
| 23 |
@define-color alloy_border_subtle #dad2c7; |
| 24 |
@define-color alloy_border #cabeae; |
| 25 |
@define-color alloy_border_strong #7f786d; |
| 26 |
@define-color alloy_text_muted #514b45; |
| 27 |
@define-color alloy_text_secondary #222d38; |
| 28 |
@define-color alloy_text_primary #1a1816; |
| 29 |
@define-color alloy_accent_error #6a2828; |
| 30 |
@define-color alloy_accent_warn #b07840; |
| 31 |
@define-color alloy_accent_ok #3a5830; |
| 32 |
|
| 33 |
|
| 34 |
* libadwaita chrome — window, view, dialog, headerbar, sidebar, card |
| 35 |
* ------------------------------------------------------------------- |
| 36 |
@define-color window_bg_color @alloy_surface; |
| 37 |
@define-color window_fg_color @alloy_text_primary; |
| 38 |
|
| 39 |
@define-color view_bg_color @alloy_surface_raised; |
| 40 |
@define-color view_fg_color @alloy_text_primary; |
| 41 |
|
| 42 |
@define-color headerbar_bg_color @alloy_surface_raised; |
| 43 |
@define-color headerbar_fg_color @alloy_text_primary; |
| 44 |
@define-color headerbar_border_color @alloy_border_subtle; |
| 45 |
@define-color headerbar_backdrop_color @alloy_surface; |
| 46 |
@define-color headerbar_shade_color rgba(48, 44, 34, 0.06); |
| 47 |
@define-color headerbar_darker_shade_color rgba(48, 44, 34, 0.09); |
| 48 |
|
| 49 |
@define-color sidebar_bg_color @alloy_surface_sunken; |
| 50 |
@define-color sidebar_fg_color @alloy_text_primary; |
| 51 |
@define-color sidebar_backdrop_color @alloy_surface; |
| 52 |
@define-color sidebar_shade_color rgba(48, 44, 34, 0.06); |
| 53 |
@define-color sidebar_border_color @alloy_border_subtle; |
| 54 |
|
| 55 |
@define-color secondary_sidebar_bg_color @alloy_surface; |
| 56 |
@define-color secondary_sidebar_fg_color @alloy_text_primary; |
| 57 |
@define-color secondary_sidebar_backdrop_color @alloy_surface_sunken; |
| 58 |
@define-color secondary_sidebar_shade_color rgba(48, 44, 34, 0.06); |
| 59 |
@define-color secondary_sidebar_border_color @alloy_border_subtle; |
| 60 |
|
| 61 |
@define-color card_bg_color @alloy_surface_raised; |
| 62 |
@define-color card_fg_color @alloy_text_primary; |
| 63 |
@define-color card_shade_color rgba(48, 44, 34, 0.06); |
| 64 |
|
| 65 |
@define-color popover_bg_color @alloy_surface_overlay; |
| 66 |
@define-color popover_fg_color @alloy_text_primary; |
| 67 |
@define-color popover_shade_color rgba(48, 44, 34, 0.06); |
| 68 |
|
| 69 |
@define-color dialog_bg_color @alloy_surface; |
| 70 |
@define-color dialog_fg_color @alloy_text_primary; |
| 71 |
|
| 72 |
@define-color thumbnail_bg_color @alloy_surface_raised; |
| 73 |
@define-color thumbnail_fg_color @alloy_text_primary; |
| 74 |
|
| 75 |
@define-color shade_color rgba(48, 44, 34, 0.06); |
| 76 |
@define-color scrollbar_outline_color @alloy_border_subtle; |
| 77 |
|
| 78 |
|
| 79 |
* Semantic — accent (chrome), destructive, success, warning, error |
| 80 |
* ------------------------------------------------------------------- |
| 81 |
@define-color accent_bg_color @alloy_accent_warn; |
| 82 |
@define-color accent_fg_color #ffffff; |
| 83 |
@define-color accent_color @alloy_accent_warn; |
| 84 |
|
| 85 |
@define-color destructive_bg_color @alloy_accent_error; |
| 86 |
@define-color destructive_fg_color #ffffff; |
| 87 |
@define-color destructive_color @alloy_accent_error; |
| 88 |
|
| 89 |
@define-color success_bg_color @alloy_accent_ok; |
| 90 |
@define-color success_fg_color #ffffff; |
| 91 |
@define-color success_color @alloy_accent_ok; |
| 92 |
|
| 93 |
@define-color warning_bg_color @alloy_accent_warn; |
| 94 |
@define-color warning_fg_color @alloy_text_primary; |
| 95 |
@define-color warning_color @alloy_accent_warn; |
| 96 |
|
| 97 |
@define-color error_bg_color @alloy_accent_error; |
| 98 |
@define-color error_fg_color #ffffff; |
| 99 |
@define-color error_color @alloy_accent_error; |
| 100 |
|
| 101 |
|
| 102 |
* Borders (libadwaita's borders alpha token) |
| 103 |
* ------------------------------------------------------------------- |
| 104 |
@define-color borders alpha(@alloy_text_primary, 0.15); |
| 105 |
|