chore: filter refactor

src/components/CalendarList.res

@@ -78,7 +78,7 @@ let make = (
 
   let dummyRow = Array.make(~length=count, 1)
   <div
-    className={`flex flex-1 flex-row justify-center overflow-auto bg-jp-gray-50 dark:bg-jp-gray-950 rounded border border-jp-gray-500 dark:border-jp-gray-960 select-none ${calendarContaierStyle}`}>
+    className={`flex flex-1 flex-row justify-center overflow-auto bg-jp-gray-100 bg-opacity-20 rounded-md border select-none ${calendarContaierStyle}`}>
     {dummyRow
     ->Array.mapWithIndex((_item, i) => {
       let currDateTemp = Js.Date.fromFloat(Js.Date.valueOf(currDateIm))
@@ -121,7 +121,7 @@ let make = (
             : React.null}
           <AddDataAttributes attributes=[("data-calendar-date", monthAndYear)]>
             <div
-              className="font-bold text-sm md:text-base text-jp-gray-800 dark:text-jp-gray-text_darktheme dark:text-opacity-75">
+              className="font-medium text-sm md:text-base text-jp-gray-900 dark:text-jp-gray-text_darktheme dark:text-opacity-75">
               {React.string(monthAndYear)}
             </div>
           </AddDataAttributes>