From 6f9eca9bbd0474080691d3e27411357e6cf77254 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Luis=20Pereira?= <pepelui@outlook.com>
Date: Mon, 15 Aug 2022 11:48:35 -0300
Subject: [PATCH] Style changes, add css config folder

---
 config/style/theme.css                 | 29 ++++++++++++++++++++++++++
 jsconfig.json                          |  1 +
 src/assets/css/tailwind.css            |  5 ++---
 src/components/Layout/LayoutFooter.vue |  4 ++--
 src/main.js                            |  4 ++--
 5 files changed, 36 insertions(+), 7 deletions(-)
 create mode 100644 config/style/theme.css

diff --git a/config/style/theme.css b/config/style/theme.css
new file mode 100644
index 0000000..fddadb3
--- /dev/null
+++ b/config/style/theme.css
@@ -0,0 +1,29 @@
+
+:root {
+  --color-primary: 137, 167, 65;
+  --color-primary-content: 255, 255, 255;
+
+  --color-secondary: 14, 165, 233;
+  --color-secondary-content: 255, 255, 255;
+
+  --color-base-foreground: 255, 255, 255;
+  --color-base-background: 245, 247, 251;
+  --color-base-200: 226, 232, 240;
+  --color-base-300: 203, 213, 225;
+  --color-base-content: 0, 0, 0;
+}
+
+.dark {
+  --color-primary: 14, 165, 233;
+  --color-primary-content: 255, 255, 255;
+  
+  --color-secondary: 14, 165, 233;
+  --color-secondary-content: 255, 255, 255;
+
+  --color-base-background: 23,23,23;
+  --color-base-foreground: 38,38,38;
+  --color-base-200: 30, 41, 59;
+  --color-base-300: 30, 41, 59;
+  --color-base-content: 255, 255, 255;
+}
+
diff --git a/jsconfig.json b/jsconfig.json
index 09b75d2..31de6a2 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -4,6 +4,7 @@
   ],
   "compilerOptions": {
     "baseUrl": ".",
+    "jsx": "preserve",
     "paths": {
       "@/*": ["./src/*"]
     }
diff --git a/src/assets/css/tailwind.css b/src/assets/css/tailwind.css
index 499ac20..be5501a 100644
--- a/src/assets/css/tailwind.css
+++ b/src/assets/css/tailwind.css
@@ -2,9 +2,9 @@
 @tailwind components;
 @tailwind utilities;
 
-@layer base {
+
   :root {
-    --color-primary: 137, 167, 65;
+    --color-primary: 0, 0, 0;
     --color-primary-content: 255, 255, 255;
 
     --color-secondary: 14, 165, 233;
@@ -51,4 +51,3 @@
   .dark {
     color-scheme: dark;
   }
-}
diff --git a/src/components/Layout/LayoutFooter.vue b/src/components/Layout/LayoutFooter.vue
index 118fa65..5c7034b 100644
--- a/src/components/Layout/LayoutFooter.vue
+++ b/src/components/Layout/LayoutFooter.vue
@@ -1,5 +1,5 @@
 <template>
-  <footer class="footer text-white bottom-0 border-gray-200 bg-zinc-800 dark:bg-slate-800 pl-4 pr-4">
+  <footer class="footer text-white bottom-0 border-gray-200 bg-zinc-800 pl-4 pr-4">
     <div class="container mx-auto text-sm pt-2 pb-4">
       <div class="pt-4 pb-2">
         {{ project_authors }}
@@ -31,7 +31,7 @@
         <p>{{ copyright_text }}</p>
       </div>
 
-      <hr class="mt-3 mb-3 border-gray-500 dark:border-slate-700">
+      <hr class="mt-3 mb-3 border-gray-500">
 
       <div class="flex items-center">
         <span>
diff --git a/src/main.js b/src/main.js
index 2c7763e..8815f9d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,8 +2,8 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from '@/router/index.js'
 import globalComponents from '@/components/globalComponents'
-import '@/assets/css/main.css'
-
+import.meta.globEager('@/assets/css/main.css')
+import.meta.globEager('../config/style/*.{scss,css}')
 
 const app = createApp(App)