Federated_Computer/federated-calendar
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css: Use @accent_* colors instead of @theme_selected*

Browse Source 
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.
This commit is contained in:
Christopher Davis
2022-02-15 17:10:57 -08:00
parent 829da4b38b
commit 9dbe64a925
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/theme/Adwaita.css
+9 -9
View File
@@ -4,7 +4,7 @@
label.primary-label { label.primary-label {
font-size: 16pt; font-size: 16pt;
font-weight: bold; font-weight: bold;
color: @theme_selected_bg_color; color: @accent_color;
padding: 12px; padding: 12px;
} }
@@ -28,11 +28,11 @@ label.header {
calendar-view.current, calendar-view.current,
weekgrid.current { weekgrid.current {
background-color: alpha(@theme_selected_bg_color, 0.3); background-color: alpha(@accent_bg_color, 0.3);
} }
calendar-view:selected { calendar-view:selected {
color: @theme_selected_bg_color; color: @accent_color;
font-weight: bold; font-weight: bold;
} }
@@ -272,15 +272,15 @@ datechooser day.other-month:hover:not(:backdrop) {
datechooser day:selected, datechooser day:selected,
datechooser day:selected:hover { datechooser day:selected:hover {
color: @theme_selected_fg_color; color: @accent_fg_color;
background-color: @theme_selected_bg_color; background-color: @accent_bg_color;
font-weight: bold; font-weight: bold;
} }
label.month-name { label.month-name {
font-size: 16pt; font-size: 16pt;
font-weight: bold; font-weight: bold;
color: @theme_selected_bg_color; color: @accent_color;
padding: 12px; padding: 12px;
} }
@@ -343,13 +343,13 @@ monthcell {
transition: background-color 200ms; 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:selected label.day-label { font-weight: bold; }
monthcell:nth-child(7n + 1) { border-left-width: 0; } monthcell:nth-child(7n + 1) { border-left-width: 0; }
monthcell.today { background-color: alpha(@theme_selected_bg_color, 0.25); } monthcell.today { background-color: alpha(@accent_bg_color, 0.25); }
monthcell:selected.today { background-color: alpha(@theme_selected_bg_color, 0.33); } monthcell:selected.today { background-color: alpha(@accent_bg_color, 0.33); }
monthcell.out-of-month { monthcell.out-of-month {
background-color: alpha(@theme_bg_color, 0.4); background-color: alpha(@theme_bg_color, 0.4);