make navigation bar fit dark mode

Author: KH07

src/components/CommunityPortal/Calendar/CommunityCalendar.module.css

@@ -152,6 +152,14 @@
   margin-bottom: 0px !important;
 }
 
+.reactCalendarDarkMode :global(.react-calendar__navigation) {
+  background: #1e293b;
+}
+
+.reactCalendarDarkMode :global(.react-calendar__navigation button) {
+  color: #ffffff;
+}
+
 .reactCalendar :global(.react-calendar__tile) {
   display: grid;
   height: 100px;
@@ -361,11 +369,6 @@
   color: #856404 !important;
 }
 
-.reactCalendarDarkMode :global(.react-calendar__tile--now) {
-  background-color: #3d4a5c !important;
-  color: #fff;
-}
-
 .reactCalendarDarkMode :global(.react-calendar__tile--now) :global(abbr),
 .reactCalendarDarkMode :global(.react-calendar__tile--now) {
   color: #fff !important;