From ec840fbab963af6d77f9b2ccecfddd65f48c830a Mon Sep 17 00:00:00 2001
From: Georges Basile Stavracas Neto <georges.stavracas@gmail.com>
Date: Thu, 17 Aug 2023 21:22:49 -0300
Subject: [PATCH] style: Improve selection visuals of month cells

Add specific CSS rules for the selected state, and make it a bit
more prominent.
---
 src/theme/style.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/theme/style.css b/src/theme/style.css
index c12b400a..8008581b 100644
--- a/src/theme/style.css
+++ b/src/theme/style.css
@@ -321,6 +321,12 @@ monthcell.out-of-month:not(.today) {
     background-color: alpha(@sidebar_bg_color, 0.5);
 }
 
+monthcell:selected.out-of-month:not(.today) {
+    background-color: mix(alpha(@sidebar_bg_color, 0.5),
+                          alpha(@accent_bg_color, 0.1),
+                          0.5);
+}
+
 monthcell:not(.workday) {
     background-color: alpha(@theme_bg_color, 0.33);
 }
@@ -339,6 +345,14 @@ monthcell.out-of-month:hover {
     transition: background-color 200ms;
 }
 
+monthcell:selected:hover,
+monthcell:selected.out-of-month:hover {
+    background-color: mix(alpha(@theme_bg_color, 0.5),
+                          alpha(@accent_bg_color, 0.1),
+                          0.5);
+    transition: background-color 200ms;
+}
+
 monthcell button {
     font-weight: normal;
     padding: 0 4px;