From 27b4237410a73dd8f39ea454915a09ba2d0d5eac Mon Sep 17 00:00:00 2001
From: Hari Rana <theevilskeleton@riseup.net>
Date: Mon, 18 Aug 2025 19:53:27 -0400
Subject: [PATCH] css: Reduce week number background opacity

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>
---
 src/theme/style-hc.css | 4 +---
 src/theme/style.css    | 5 +++--
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/theme/style-hc.css b/src/theme/style-hc.css
index 30468c54..8d30a042 100644
--- a/src/theme/style-hc.css
+++ b/src/theme/style-hc.css
@@ -1,8 +1,6 @@
 datechooser .weeknum {
   --border-width: 1px;
-
-  color: var(--window-fg-color);
-  background-color: rgb(from var(--window-fg-color) r g b / 5%);
+  --base-color: var(--window-fg-color);
 }
 
 calendar-view.month-view {
diff --git a/src/theme/style.css b/src/theme/style.css
index 22c32a90..bde79c3a 100644
--- a/src/theme/style.css
+++ b/src/theme/style.css
@@ -92,6 +92,7 @@ datechooser navigator button {
 /* week numbers, with a style resembling GNOME Shell's */
 datechooser .weeknum {
   --padding: 4px;
+  --base-color: var(--insensitive-fg-color);
 
   --_border-width: var(--border-width, 0px);
   --_padding: calc(var(--padding) - var(--_border-width));
@@ -102,8 +103,8 @@ datechooser .weeknum {
   padding: var(--_padding);
   border: var(--_border-width) solid rgb(from currentColor r g b / 50%);
   border-radius: 5px;
-  background-color: rgb(from var(--insensitive-fg-color) r g b / 10%);
-  color: var(--insensitive-fg-color);
+  background-color: rgb(from var(--base-color) r g b / 5%);
+  color: var(--base-color);
 }
 
 /* day names */