dark color

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>

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
     }