fix landing view

Frontend/src/components/landing/LandingComponent.vue

@@ -2,13 +2,13 @@
 </script>
 
 <template>
-  <div class="dark:text-slate-100 bg-[#f5f7fa] flex w-fit flex-col items-center ">
+  <div class="dark:text-slate-100 bg-[#f5f7fa] dark:bg-gray-700 flex w-fit flex-col items-center ">
 
-    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white items-center">
+    <div class="flex my-4 px-4 py-4 w-full rounded-lg dark:bg-gray-600 shadow-lg flex-col bg-white items-center">
       <h1 class="text-3xl">Welcome to Release11 Tools</h1>
 
     </div>
-    <div class="flex my-4 px-4 py-4  w-full rounded-lg shadow-lg flex-col bg-white ">
+    <div class="flex my-4 px-4 py-4  w-full rounded-lg dark:bg-gray-600 shadow-lg flex-col bg-white ">
       <div class="flex items-center gap-2">
         <i class="material-icons text-2xl text-[#2A93B0]">construction</i>
         <h2 class="text-xl">Our tool set is split to three main categories:</h2>
@@ -26,7 +26,7 @@
       </ul>
     </div>
     <br />
-    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white ">
+    <div class="flex my-4 px-4 py-4 w-full dark:bg-gray-600 rounded-lg shadow-lg flex-col bg-white ">
       <div class="flex items-center gap-2">
         <i class="material-icons text-2xl text-[#2A93B0]">code</i>
         <h2 class="text-xl ">XML - Tools:</h2>
@@ -40,14 +40,14 @@
         <li><strong>XSLT</strong> - Allows to transform XML using XSLT transform.</li>
       </ul>
     </div>
-    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white ">
+    <div class="flex my-4 px-4 py-4 w-full dark:bg-gray-600 rounded-lg shadow-lg flex-col bg-white ">
       <div class="flex items-center gap-2">
         <i class="material-icons text-2xl text-[#2A93B0]">format_align_left</i>
         <h2 class="text-xl ">Formatter - Tools:</h2>
       </div>
       <p>These are tools that allow to format or minimize files in bespoken formats.</p>
     </div>
-    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white ">
+    <div class="flex my-4 px-4 py-4 w-full dark:bg-gray-600 rounded-lg shadow-lg flex-col bg-white ">
       <div class="flex items-center gap-2">
         <i class="material-icons text-2xl text-[#2A93B0]">lan</i>
         <h2 class="text-xl ">REST - Tools:</h2>
@@ -57,7 +57,7 @@
         clients.
       </p>
     </div>
-    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white ">
+    <div class="flex my-4 px-4 py-4 w-full dark:bg-gray-600 rounded-lg shadow-lg flex-col bg-white ">
       <div class="flex items-center gap-2">
         <i class="material-icons  text-2xl text-[#2A93B0]  ">cached</i>
         <h2 class="text-xl ">Encoder - Tools:</h2>

Frontend/src/style.css

@@ -41,7 +41,7 @@
 }
 
 .tab-active {
-    @apply py-2 px-3 h-fit text-slate-700 border-t border-l border-r border-slate-400 rounded-t-2xl bg-[#bbe3ef] dark:text-white dark:from-sky-600 dark:to-sky-800
+    @apply py-2 px-3 h-fit text-slate-700 border-t border-l border-r border-slate-400 rounded-t-2xl bg-[#bbe3ef] dark:bg-[#2A93B0] dark:text-white dark:from-sky-600 dark:to-sky-800
 }
 
 .disabled-tab {

Frontend/src/views/LandingView.vue

@@ -10,7 +10,7 @@ export default {
 
 
 <template>
-  <div class="flex rounded-lg items-center bg-[#f5f7fa]  justify-center ">
+  <div class="flex rounded-lg items-center bg-[#f5f7fa] dark:bg-gray-700  justify-center ">
     <LandingComponent></LandingComponent>
   </div>
 

Frontend/vite.config.ts

@@ -9,7 +9,7 @@ export default defineConfig({
     vue(),
   ],
   server:{
-    port: 2137,
+    port: 80,
     host: '0.0.0.0',
     proxy : {
       '/java': {