From c97466021cde667adf0eb97cf712901acedfffc8 Mon Sep 17 00:00:00 2001
From: Lukas <lukas.budginas@gmail.com>
Date: Mon, 7 Oct 2024 14:38:05 +0300
Subject: [PATCH] Fix calendar visibility bug

---
 components/ui/calendar.tsx | 5 ++---
 styles/theme.css           | 2 ++
 tailwind.config.js         | 1 +
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/ui/calendar.tsx b/components/ui/calendar.tsx
index 82cae799..91b9bac3 100644
--- a/components/ui/calendar.tsx
+++ b/components/ui/calendar.tsx
@@ -41,11 +41,10 @@ function Calendar({
         cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
         day: cn(
           buttonVariants({ variant: "ghost" }),
-          "h-9 w-9 p-0 font-normal aria-selected:opacity-100 hover:bg-white hover:text-explorer-gray-light dark:explorer-gray-dark"
+          "h-9 w-9 p-0 font-normal aria-selected:opacity-100 hover:bg-buttonHover"
         ),
         day_range_end: "day-range-end",
-        day_selected:
-          "bg-white text-explorer-gray-light dark:explorer-gray-dark",
+        day_selected: "bg-explorer-dark-gray dark:bg-explorer-light-gray",
         day_today: "bg-accent text-accent-foreground",
         day_outside:
           "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
diff --git a/styles/theme.css b/styles/theme.css
index 07e4763a..e8c093a3 100644
--- a/styles/theme.css
+++ b/styles/theme.css
@@ -40,6 +40,7 @@
   --color-orange: #FFAC33;
   --color-light-green: #64FFAA;
   --color-light-gray: #ADA9A9DC;
+  --color-dark-gray: #292F3D;
 }
 
 /* Dark theme */
@@ -79,6 +80,7 @@
   --color-orange: #FFAC33;
   --color-light-green: #64FFAA;
   --color-light-gray: #ADA9A9DC;
+  --color-dark-gray: #292F3D;
 }
 
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 508f0f74..3497703b 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -55,6 +55,7 @@ module.exports = {
         "explorer-orange": "var(--color-orange)",
         "explorer-light-green": "var(--color-light-green)",
         "explorer-light-gray": "var(--color-light-gray)",
+        "explorer-dark-gray": "var(--color-dark-gray)",
         border: "hsl(var(--border))",
         input: "hsl(var(--input))",
         ring: "hsl(var(--ring))",