diff options
author | Christopher Davis <christopherdavis@gnome.org> | 2022-02-15 17:00:47 -0800 |
---|---|---|
committer | Christopher Davis <christopherdavis@gnome.org> | 2022-02-15 17:10:57 -0800 |
commit | 9dbe64a925d51849279104c773c6916f59332715 (patch) | |
tree | bb67ae8f4bd51a99e318d5e7a68b13a1c8f2f549 | |
parent | 829da4b38bc27596172676ea5afbb0834b81ed2e (diff) | |
download | gnome-calendar-9dbe64a925d51849279104c773c6916f59332715.tar.gz |
css: Use `@accent_*` colors instead of `@theme_selected*`
The `@theme_selected_*` colors are now aliases
to the libadwaita accent colors variables. This commit
replaces all uses with the corresponding color,
except for the text colors.
`@theme_selected_bg_color` is not the appropriate color
to use for colored text. Instead, you should use
`@accent_color` which has been tested for proper contrast.
-rw-r--r-- | src/theme/Adwaita.css | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/theme/Adwaita.css b/src/theme/Adwaita.css index 0e3abe67..14acd710 100644 --- a/src/theme/Adwaita.css +++ b/src/theme/Adwaita.css @@ -4,7 +4,7 @@ label.primary-label { font-size: 16pt; font-weight: bold; - color: @theme_selected_bg_color; + color: @accent_color; padding: 12px; } @@ -28,11 +28,11 @@ label.header { calendar-view.current, weekgrid.current { - background-color: alpha(@theme_selected_bg_color, 0.3); + background-color: alpha(@accent_bg_color, 0.3); } calendar-view:selected { - color: @theme_selected_bg_color; + color: @accent_color; font-weight: bold; } @@ -272,15 +272,15 @@ datechooser day.other-month:hover:not(:backdrop) { datechooser day:selected, datechooser day:selected:hover { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; + color: @accent_fg_color; + background-color: @accent_bg_color; font-weight: bold; } label.month-name { font-size: 16pt; font-weight: bold; - color: @theme_selected_bg_color; + color: @accent_color; padding: 12px; } @@ -343,13 +343,13 @@ monthcell { transition: background-color 200ms; } -monthcell:selected { background-color: alpha(@theme_selected_bg_color, 0.1); } +monthcell:selected { background-color: alpha(@accent_bg_color, 0.1); } monthcell:selected label.day-label { font-weight: bold; } monthcell:nth-child(7n + 1) { border-left-width: 0; } -monthcell.today { background-color: alpha(@theme_selected_bg_color, 0.25); } -monthcell:selected.today { background-color: alpha(@theme_selected_bg_color, 0.33); } +monthcell.today { background-color: alpha(@accent_bg_color, 0.25); } +monthcell:selected.today { background-color: alpha(@accent_bg_color, 0.33); } monthcell.out-of-month { background-color: alpha(@theme_bg_color, 0.4); |