From 52f218bb2bd21b1d2815778d0bbf9cd3874872b1 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Thu, 16 May 2024 10:24:03 +0300
Subject: [PATCH] dark color

---
 front/app.vue             | 2 +-
 front/assets/css/main.css | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

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
     }