Improve colors on classes card and lecture title

src/components/Classes/Class.svelte

@@ -34,7 +34,7 @@
   .lecture-title {
     width: fit-content;
     font-size: 18px;
-    color: var(--main-primary-color);
+    /* color: var(--main-primary-color); */
   }
 
   span {
@@ -48,7 +48,7 @@
   {#each lectures as lecture, key}
     <p class="lesson-date">{lecture}</p>
     <div class="lecture">
-      <h4 class="lecture-title">
+      <h4 class="lecture-title text-blue-700">
         <a rel="prefetch" href="classes/1">Lecture {lectures.length - key}</a>
       </h4>
       <p>

src/components/Classes/index.svelte

@@ -5,11 +5,11 @@
 
   export let classes = [
     {
-      chipClassName: "bg-green-400 text-gray-100",
+      chipClassName: "bg-green-600 text-white",
       chipLabel: "In progress",
     },
     {
-      chipClassName: "bg-red-500 text-gray-100",
+      chipClassName: "bg-red-600 text-white",
       chipLabel: "Completed",
     },
   ];