Fix calendar visibility bug

openhive-network · Oct 8, 2024 · c974660 · c974660
1 parent d6495bc
commit c974660
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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))",