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

datechooser: Update day text styles for readability

Browse Source 
- sync the visuals with that of the mini-calendar in the Shell
- make other month days more visible/have greater contrast
This commit is contained in:
Sam Hewitt
2024-05-21 11:22:17 -02:30
parent 5695b718ff
commit f687aa5b3b
1 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/theme/style.css
+15 -8
View File
@@ -186,9 +186,11 @@ datechooser navigator button {
/* week numbers, with a style resembling GNOME Shell's */ /* week numbers, with a style resembling GNOME Shell's */
datechooser .weeknum{ datechooser .weeknum{
font-size: smaller; font-size: smaller;
font-weight: bold;
margin: 6px; margin: 6px;
border-radius: 3px; padding: 4px;
background-color: alpha(@theme_fg_color, 0.1); border-radius: 5px;
background-color: alpha(@insensitive_fg_color, 0.2);
color: @insensitive_fg_color; color: @insensitive_fg_color;
} }
@@ -196,15 +198,17 @@ datechooser .weeknum{
datechooser .weekday { datechooser .weekday {
color: @insensitive_fg_color; color: @insensitive_fg_color;
font-size: smaller; font-size: smaller;
font-weight: bold;
} }
/* days */ /* days */
datechooser button.day { datechooser button.day {
font-size: 10pt; font-size: 10pt;
font-weight: normal; font-weight: normal;
margin: 3px; min-height: 26px;
min-height: 28px; min-width: 26px;
min-width: 28px; margin: 2px;
padding: 3px;
transition: none; transition: none;
} }
@@ -225,6 +229,10 @@ datechooser button.day:selected dot {
background-color: @accent_fg_color; background-color: @accent_fg_color;
} }
datechooser button.day.non-workday {
color: @insensitive_fg_color;
}
datechooser button.day.today { datechooser button.day.today {
color: @accent_color; color: @accent_color;
} }
@@ -244,12 +252,12 @@ datechooser button.day.today:selected dot {
datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:not(:hover),
datechooser button.day.other-month:backdrop { datechooser button.day.other-month:backdrop {
color: alpha(currentColor, 0.1); color: alpha(currentColor, 0.5);
} }
datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:not(:hover) dot,
datechooser button.day.other-month:backdrop dot { datechooser button.day.other-month:backdrop dot {
background-color: alpha(currentColor, 0.1); background-color: alpha(currentColor, 0.5);
} }
datechooser button.day.other-month:hover:not(:backdrop) { datechooser button.day.other-month:hover:not(:backdrop) {
@@ -339,7 +347,6 @@ monthcell:selected.today { background-color: @month_selected_today_color; }
monthcell:selected.today:hover { background-color: @month_selected_today_hover_color; } monthcell:selected.today:hover { background-color: @month_selected_today_hover_color; }
monthcell.today label.day-label { monthcell.today label.day-label {
font-weight: bold;
background-color: alpha(@accent_bg_color, 0.8); background-color: alpha(@accent_bg_color, 0.8);
color: @accent_fg_color; color: @accent_fg_color;
border-radius: 99px; border-radius: 99px;