From 6c231dfa6dd2a3f15683f0775cf3931de8a1d11c Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Fri, 12 Jul 2024 21:50:34 +0200
Subject: [PATCH] ui fix

---
 src/lib/components/Footer.svelte | 24 ++++++++++++------------
 src/routes/+layout.svelte        |  8 ++++----
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index 35f37142..785b0860 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -36,12 +36,12 @@
         </div>
 
         <a href="https://stats.uptimerobot.com/MP0zLix9yk" rel="noopener noreferrer" target="_blank" class="flex flex-row items-center mt-4">
-          <span class="text-blue-400">
+          <span class="text-white hover:text-yellow-400">
             Server Status
           </span>
           <span class="relative flex h-3 w-3 ml-2">
-            <span class="absolute inline-flex h-full w-full rounded-full bg-blue-400 opacity-75"></span>
-            <span class="relative inline-flex rounded-full h-3 w-3 bg-[#0070F3]"></span>
+            <span class="absolute inline-flex h-full w-full rounded-full"></span>
+            <span class="relative inline-flex rounded-full h-3 w-3 bg-yellow-400"></span>
           </span>
         </a>
 
@@ -51,10 +51,10 @@
         <p class="uppercase text-slate-100 md:mb-6">Services</p>
         <ul class="list-reset mb-6">
           <li class="mt-2 inline-block mr-2 md:block md:mr-0" >
-            <a href="/pricing" class="no-underline hover:underline text-gray-300  hover:text-blue-400">Pricing</a>
+            <a href="/pricing" class="no-underline hover:underline text-gray-300  hover:text-yellow-400">Pricing</a>
           </li>
           <li class="mt-2 inline-block mr-2 md:block md:mr-0" >
-            <a href="https://stocknear.lemonsqueezy.com/affiliates" rel="noopener noreferrer" target="_blank" class="no-underline hover:underline text-gray-300  hover:text-blue-400">Affiliate Program</a>
+            <a href="https://stocknear.lemonsqueezy.com/affiliates" rel="noopener noreferrer" target="_blank" class="no-underline hover:underline text-gray-300  hover:text-yellow-400">Affiliate Program</a>
           </li>
         </ul>
       </div>
@@ -63,13 +63,13 @@
         <p class="uppercase text-slate-100 md:mb-6">Legal</p>
         <ul class="list-reset mb-6">
           <li class="mt-2 inline-block mr-2 md:block md:mr-0" >
-            <a href="/terms-of-use" class="no-underline hover:underline text-gray-300  hover:text-blue-400">Terms of Use</a>
+            <a href="/terms-of-use" class="no-underline hover:underline text-gray-300  hover:text-yellow-400">Terms of Use</a>
           </li>
           <li class="mt-2 inline-block mr-2 md:block md:mr-0" >
-            <a href="/privacy-policy" class="no-underline hover:underline text-gray-300  hover:text-blue-400">Privacy Policy</a>
+            <a href="/privacy-policy" class="no-underline hover:underline text-gray-300  hover:text-yellow-400">Privacy Policy</a>
           </li>
           <li class="mt-2 inline-block mr-2 md:block md:mr-0" >
-            <a href="/imprint" class="no-underline hover:underline text-gray-300  hover:text-blue-400">Imprint</a>
+            <a href="/imprint" class="no-underline hover:underline text-gray-300  hover:text-yellow-400">Imprint</a>
           </li>
         </ul>
       </div>
@@ -79,23 +79,23 @@
         <ul class="list-reset mb-6">
 
           <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="/about" class="no-underline hover:underline text-gray-300 hover:text-blue-400">
+            <a href="/about" class="no-underline hover:underline text-gray-300 hover:text-yellow-400">
               About Us
             </a>
           </li>
           <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="/contact" class="no-underline hover:underline text-gray-300 hover:text-blue-400">
+            <a href="/contact" class="no-underline hover:underline text-gray-300 hover:text-yellow-400">
               Contact Us
             </a>
           </li>
           <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="/blog" class="no-underline hover:underline text-gray-300 hover:text-blue-400">
+            <a href="/blog" class="no-underline hover:underline text-gray-300 hover:text-yellow-400">
               Blog
             </a>
           </li>
           <!--
           <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="/newsletter" class="no-underline hover:underline text-gray-300 hover:text-blue-400">
+            <a href="/newsletter" class="no-underline hover:underline text-gray-300 hover:text-yellow-400">
               Newsletter
             </a>
           </li>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4731b93b..b5288ce7 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -377,18 +377,18 @@ $: {
             </div>
             <div class="hidden md:flex md:items-center md:justify-center md:gap-5">
               <a aria-current="page"
-                    class="inline-block rounded-lg px-2 py-1 text-[0.90rem] font-semibold text-white transition-all duration-200 hover:bg-purple-600"
+                    class="inline-block rounded-lg px-2 py-1 text-[0.90rem] font-semibold text-white hover:text-yellow-200 transition-all duration-200 hover:bg-purple-600"
                     href="/">Home</a>
                 <a aria-current="page"
-                    class="inline-block rounded-lg px-2 py-1 text-[0.90rem] font-semibold text-white transition-all duration-200 hover:bg-purple-600"
+                    class="inline-block rounded-lg px-2 py-1 text-[0.90rem] font-semibold text-white hover:text-yellow-200 transition-all duration-200 hover:bg-purple-600"
                     href="/about">About Us</a>
-                <a class="inline-block rounded-lg px-2 py-1 text-[0.90rem] font-semibold text-white transition-all duration-200 hover:bg-purple-600"
+                <a class="inline-block rounded-lg px-2 py-1 text-[0.90rem] font-semibold text-white hover:text-yellow-200 transition-all duration-200 hover:bg-purple-600"
                     href="/pricing">Pricing</a>
             </div>
             <div class="flex items-center justify-end gap-3">
                 <a class="items-center justify-center rounded-xl bg-gray-200 px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 transition-all duration-150 hover:bg-white sm:inline-flex"
                     href="/register">Start Trial</a>
-                <a class="inline-flex items-center justify-center rounded-xl bg-purple-600 px-3 py-2 text-sm font-semibold text-white shadow-sm transition-all duration-150 hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-600"
+                <a class="inline-flex items-center justify-center rounded-xl bg-purple-600 px-3 py-2 text-sm font-semibold text-yellow-200 shadow-sm transition-all duration-150 hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-600"
                     href="/login">Login</a>
             </div>
         </div>