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

css: Reduce week number background opacity

Browse Source 
The week numbers' foreground and background colors are relatively
low in contrast; decreasing the background color's opacity heavily
helps with contrast.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/624>
This commit is contained in:
Hari Rana
2025-08-18 20:00:19 -04:00
parent 6252069d26
commit 27b4237410
2 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/theme/style-hc.css
+1 -3
View File
@@ -1,8 +1,6 @@
datechooser .weeknum { datechooser .weeknum {
--border-width: 1px; --border-width: 1px;
--base-color: var(--window-fg-color);
color: var(--window-fg-color);
background-color: rgb(from var(--window-fg-color) r g b / 5%);
} }
calendar-view.month-view { calendar-view.month-view {
src/theme/style.css
+3 -2
View File
@@ -92,6 +92,7 @@ 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 {
--padding: 4px; --padding: 4px;
--base-color: var(--insensitive-fg-color);
--_border-width: var(--border-width, 0px); --_border-width: var(--border-width, 0px);
--_padding: calc(var(--padding) - var(--_border-width)); --_padding: calc(var(--padding) - var(--_border-width));
@@ -102,8 +103,8 @@ datechooser .weeknum {
padding: var(--_padding); padding: var(--_padding);
border: var(--_border-width) solid rgb(from currentColor r g b / 50%); border: var(--_border-width) solid rgb(from currentColor r g b / 50%);
border-radius: 5px; border-radius: 5px;
background-color: rgb(from var(--insensitive-fg-color) r g b / 10%); background-color: rgb(from var(--base-color) r g b / 5%);
color: var(--insensitive-fg-color); color: var(--base-color);
} }
/* day names */ /* day names */