Chnage background color

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

app.vue

@@ -60,7 +60,7 @@ useHead({
 </script>
 
 <template>
-  <div>
+  <div class="bg-[#F1F2F4]">
     <NuxtLayout>
       <NuxtLoadingIndicator />
       <NuxtPage />

components/category/card.vue

@@ -33,7 +33,7 @@ const picAColor = ref(`${color.at(getRandomInt(0, 8))}`)
 
 <template>
   <div
-    class="text-white px-5 py-3 rounded hover:underline randbgcolor hover:scale-[1.05] transition-all duration-500"
+    class="text-[#F1F2F4] px-5 py-3 rounded hover:underline randbgcolor hover:scale-[1.05] transition-all duration-500"
   >
     <NuxtLink :to="`/categories/${title.toLocaleLowerCase()}`" class="text-xl font-extrabold">
       <h1>#{{ title }}</h1>

components/footer/connect.vue

@@ -10,7 +10,7 @@
 
     <a
       href="mailto: alasadnurriyad4@gmail.com"
-      class="block text-center w-full bg-sky-700 p-2 rounded-lg text-white mt-3 text-sm"
+      class="block text-center w-full bg-sky-700 p-2 rounded-lg text-[#F1F2F4] mt-3 text-sm"
     >
       Sent Mail
     </a>

layouts/default.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="gd-container font-spacegrotesk">
-    <header class="fixed w-full bg-white z-10">
+    <header class="fixed w-full bg-[#F1F2F4] z-10">
       <MainHeader />
     </header>
     <main>

pages/blogs/index.vue

@@ -78,7 +78,7 @@ useHead({
         v-model="searchTest"
         placeholder="Search"
         type="text"
-        class="block w-full  rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+        class="block w-full bg-[#F1F2F4]  rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
       >
     </div>