Darkened toolbar icons

X-Lovable-Edit-ID: edt-9c9245e2-930e-46e8-b880-32512a402cb9
Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/components/date-calculator.tsx

@@ -103,7 +103,7 @@ export function DateCalculator({ trigger }: { trigger?: React.ReactNode }) {
           <Button
             variant="ghost"
             size="icon"
-            className="h-8 w-8 text-sidebar-foreground hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground"
+            className="h-8 w-8 text-foreground hover:bg-accent hover:text-accent-foreground"
             aria-label="Date calculator"
           >
             <CalendarClock className="h-4 w-4" />

src/components/notifications/notification-bell.tsx

@@ -81,7 +81,7 @@ export function NotificationBell() {
         <Button
           variant="ghost"
           size="sm"
-          className="relative text-sidebar-foreground/80 hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground"
+          className="relative text-foreground hover:bg-accent hover:text-accent-foreground"
         >
           <Bell className="h-4 w-4" />
           {unreadCount > 0 && (