From 095a209615e562145b21f2fa96c349981a7a022d Mon Sep 17 00:00:00 2001
From: Lapo Calamandrei <calamandrei@gmail.com>
Date: Sun, 24 Jul 2016 18:55:21 +0200
Subject: [PATCH] css: restyle date chooser...

...making it more consistent with shell calendar and gtkcalendar.
---
 data/theme/gtk-styles.css | 72 +++++++++++++++++++++++++++------------
 1 file changed, 51 insertions(+), 21 deletions(-)

diff --git a/data/theme/gtk-styles.css b/data/theme/gtk-styles.css
index 1d12f6b3..891d0678 100644
--- a/data/theme/gtk-styles.css
+++ b/data/theme/gtk-styles.css
@@ -291,41 +291,71 @@ button:checked:not(:backdrop) .calendar-color-image,
     -gtk-icon-shadow: 0 1px alpha(black, 0.1);
 }
 
+
 /* Date chooser */
+
+/* month/year controls */
+datechooser navigator { /* add some space between the two controls */
+  margin-right: 6px;
+  margin-left: 6px;
+  margin-bottom: 6px;
+}
+
+datechooser navigator label {
+  font-weight: bold;
+}
+
+datechooser navigator button {
+  padding: 0;
+}
+
+/* day names and week numbers*/
 datechooser .weeknum,
 datechooser .weekday {
-    color: alpha(@theme_fg_color, 0.55);;
-    font-size: 80%;
+  color: @insensitive_fg_color;
+  font-size: smaller;
 }
 
-navigator button {
-    padding: 0;
-}
-
-navigator label {
-    font-weight: bold;
+datechooser .weeknum:backdrop,
+datechooser .weekday:backdrop {
+  color: @unfocused_insensitive_color;
 }
 
+/* days */
 datechooser day {
-    color: @theme_fg_color;
-    min-width: 32px;
-    min-height: 32px;
+  min-height: 32px;
+  min-width: 32px;
+  border-radius: 50%;
 }
 
-datechooser day.other-month {
-    color: @theme_insensitive_fg_color;
+datechooser day.dim-label { /* FIXME: use a better class name */
+  opacity: 1;
 }
 
-datechooser day:hover,
-datechooser day:selected {
-    border-radius: 50%;
+datechooser day.dim-label:not(:hover),
+datechooser day.dim-label:backdrop {
+  color: alpha(currentColor, 0.1);
 }
 
-datechooser day:hover {
-    background-color: alpha(@theme_fg_color, 0.1);
+/* avoid the theme interfering with label colors */
+datechooser day:selected label,
+datechooser day.dim-label label:hover,
+datechooser day.dim-label label:backdrop {
+  color: currentColor;
 }
 
-datechooser day:selected {
-    color: @theme_selected_fg_color;
-    background-color: @theme_selected_bg_color;
+/* hovered days style */
+datechooser day:hover:not(:backdrop) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+datechooser day.dim-label:hover:not(:backdrop) {
+  color: @insensitive_fg_color;
+}
+
+datechooser day:selected,
+datechooser day:selected:hover {
+  color: @theme_selected_fg_color;
+  background-color: @theme_selected_bg_color;
+  font-weight: bold;
 }