From ddf510ac1ea7cf275cf1a18e29612e067b1c2710 Mon Sep 17 00:00:00 2001
From: Ozan Tellioglu <55187568+ozntel@users.noreply.github.com>
Date: Tue, 28 Mar 2023 14:45:52 +0800
Subject: [PATCH] Selected Day Background Color

---
 styles.css | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/styles.css b/styles.css
index fbdddaa..e2d6013 100644
--- a/styles.css
+++ b/styles.css
@@ -14,7 +14,14 @@ settings:
     -
         id: oz-calendar-selected-daycolor
         title: Selected Day Text Color
-        description: Set the color of selected day in the month view, defaulted to the interactive-accent
+        description: Set the color of selected day in the month view, defaulted to text-normal
+        type: variable-color
+        format: hex
+        default: '#'
+    -
+        id: oz-calendar-selected-day-background
+        title: Selected Day Background Color
+        description: Set the color of selected day background in the month view, defaulted to the interactive-accent
         type: variable-color
         format: hex
         default: '#'
@@ -30,8 +37,9 @@ settings:
 .theme-light,
 .theme-dark {
 	--oz-calendar-weekend-color: #f76a6a;
-	--oz-calendar-selected-daycolor: var(----interactive-accent);
-	--oz-calendar-header-date-color: var(----interactive-accent);
+	--oz-calendar-selected-daycolor: var(--text-normal);
+	--oz-calendar-selected-day-background: var(--interactive-accent);
+	--oz-calendar-header-date-color: var(--interactive-accent);
 }
 
 .oz-cal-coffee-div,
@@ -52,6 +60,10 @@ settings:
 	background: var(--background-secondary-alt);
 }
 
+.oz-calendar-plugin-view .react-calendar__tile--active {
+	background-color: var(--oz-calendar-selected-day-background) !important;
+}
+
 .oz-calendar-plugin-view .react-calendar button:enabled:hover {
 	cursor: pointer;
 }