diff --git a/front/app.vue b/front/app.vue
index f6b36f7..d7a9d02 100644
--- a/front/app.vue
+++ b/front/app.vue
@@ -20,7 +20,7 @@ const links = [[
 </script>
 
 <template>
-  <div class="container grid gap-4 grid-cols-2 lg:grid-cols-4 text-gray-900">
+  <div class="container grid gap-4 grid-cols-2 lg:grid-cols-4">
     <div class="col-span-4">
       <div class="px-2 text-xl flex gap-4 align-center justify-between">
         <h1 class="text-2xl font-extrabold">svs-tech.pro</h1>
diff --git a/front/assets/css/main.css b/front/assets/css/main.css
index a1bdfad..c2f43ed 100644
--- a/front/assets/css/main.css
+++ b/front/assets/css/main.css
@@ -3,6 +3,9 @@
 @tailwind utilities;
 
 @layer components {
+    body {
+        @apply text-gray-900  dark:text-slate-100
+    }
     a[href][target="_blank"] {
         @apply text-pink-500 hover:text-pink-700
     }