diff --git a/src/theme/style-hc.css b/src/theme/style-hc.css
index 6b9d37add65b0cdd9018f8d6a108ec873841b883..9822bdeced4dcb5b4cca12802ce4b27e47999455 100644
--- a/src/theme/style-hc.css
+++ b/src/theme/style-hc.css
@@ -3,3 +3,8 @@
 .sources-button > button:checked {
     box-shadow: inset 1px 0 @borders, inset -1px 0 @borders;
 }
+datechooser .weeknum{
+    color: @theme_fg_color;
+    background-color: alpha(@theme_fg_color, 0.05);
+    border: 1px solid alpha(currentColor, 0.5);
+}
diff --git a/src/theme/style.css b/src/theme/style.css
index b11955f4d3be454c83f6254e709cac546e03bd72..b65d344760cf72c8fc0b0fe5169a1906e213bc3f 100644
--- a/src/theme/style.css
+++ b/src/theme/style.css
@@ -174,8 +174,16 @@ datechooser navigator button {
   padding: 0;
 }
 
-/* day names and week numbers*/
-datechooser .weeknum,
+/* week numbers, with a style resembling GNOME Shell's */
+datechooser .weeknum{
+    font-size: smaller;
+    margin: 6px;
+    border-radius: 3px;
+    background-color: alpha(@theme_fg_color, 0.1);
+    color: @insensitive_fg_color;
+}
+
+/* day names */
 datechooser .weekday {
   color: @insensitive_fg_color;
   font-size: smaller;