diff --git a/app/vision/page.tsx b/app/vision/page.tsx index 730f2e2..cc63476 100644 --- a/app/vision/page.tsx +++ b/app/vision/page.tsx @@ -455,13 +455,34 @@ export default function VisionPage() { background-color: #bfdbfe !important; color: #1e40af !important; } - #vision-calendar .rdp-day_selected { + /* Override primary color for selected day - must be very specific */ + #vision-calendar .rdp-day_selected, + #vision-calendar .rdp-day[aria-selected="true"], + #vision-calendar .rdp-day.bg-primary, + #vision-calendar .rdp-day[aria-selected="true"].bg-primary, + #vision-calendar button.rdp-day.bg-primary, + #vision-calendar button.rdp-day[aria-selected="true"] { background-color: #2563eb !important; + background: #2563eb !important; color: white !important; font-weight: 600 !important; } - #vision-calendar .rdp-day_selected:hover { + #vision-calendar .rdp-day_selected:hover, + #vision-calendar .rdp-day[aria-selected="true"]:hover, + #vision-calendar button.rdp-day.bg-primary:hover, + #vision-calendar button.rdp-day[aria-selected="true"]:hover { background-color: #1d4ed8 !important; + background: #1d4ed8 !important; + color: white !important; + } + /* Force override Tailwind primary classes */ + #vision-calendar button.rdp-day.bg-primary, + #vision-calendar .rdp-day.bg-primary { + background-color: #2563eb !important; + background: #2563eb !important; + } + #vision-calendar button.rdp-day.text-primary-foreground, + #vision-calendar .rdp-day.text-primary-foreground { color: white !important; } #vision-calendar .rdp-day_outside {