summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChristopher Davis <christopherdavis@gnome.org>2022-02-15 17:00:47 -0800
committerChristopher Davis <christopherdavis@gnome.org>2022-02-15 17:10:57 -0800
commit9dbe64a925d51849279104c773c6916f59332715 (patch)
treebb67ae8f4bd51a99e318d5e7a68b13a1c8f2f549
parent829da4b38bc27596172676ea5afbb0834b81ed2e (diff)
downloadgnome-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.css18
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);