CLASSROOMIO-T-127: Theming configuration

CLASSROOMIO-T-127: Add 4 themes configurations into the app

Clean up


Co-authored-by: Rotimi Best <rotimiibitoyeemma@gmail.com>


Merge-request: CLASSROOMIO-MR-51
Merged-by: Best Admin <best@digdippa.com>

src/routes/+page.svelte

@@ -62,7 +62,7 @@
   -->
   <div>
     <h3 class="dark:text-white text-4xl text-center">
-      Classroom<span class="text-blue-700">IO</span>
+      Classroom<span class="text-primary-700">IO</span>
     </h3>
     <p class="dark:text-white text-lg text-center">
       The operating system for classroooms of the future 🚀🚀🚀.
@@ -90,7 +90,7 @@
   <div class="flex flex-col md:flex-row">
     {#each areas as area, index}
       <div
-        class="box m-3 bg-white dark:bg-gray-800 rounded-md py-3 px-12 active shadow-xl border-2 hover:border-blue-700 {animate}"
+        class="box m-3 bg-white dark:bg-gray-800 rounded-md py-3 px-12 active shadow-xl border-2 hover:border-primary-700 {animate}"
       >
         <h3 class="dark:text-white text-3xl">
           {#if index === 0}