styling updates

src/app/course/[courseName]/calendar/CourseCalendar.tsx

@@ -43,13 +43,15 @@ export default function CourseCalendar() {
   return (
     <div
       className="
-        min-h-0
-        flex-grow
-        border-2
-        border-gray-900
-        rounded-lg
-        bg-slate-950/70
-        sm:p-1
+      min-h-0
+      flex-grow
+      border-2
+      border-gray-900
+      rounded-lg
+      bg-linear-to-br
+      from-blue-950/30
+      to-fuchsia-950/10 to-60%
+      sm:p-1
       "
     >
       <div

src/app/course/[courseName]/calendar/day/Day.tsx

@@ -57,7 +57,7 @@ export default function Day({ day, month }: { day: string; month: number }) {
   const meetingClasses =
     classOnThisDay && isInSemester && holidayNameToday.length === 0
       ? " bg-slate-900 "
-      : " ";
+      : " bg-gray-950";
 
   const todayClasses = isToday
     ? " border  border-blue-700 shadow-[0_0px_10px_0px] shadow-blue-500/50 "