From 881feb201b91fe4c34d34a15a9cbebb9f2abed2e Mon Sep 17 00:00:00 2001
From: SHIVANI PRAJAPATI <shivaniprajapati10jan@gmail.com>
Date: Mon, 20 Oct 2025 09:38:41 +0530
Subject: [PATCH] fixed logo in dark theme and fix colors in dark theme  and
 redirection of about page

---
 src/assets/styles/style.css | 10 ++++++++--
 src/index.html              | 31 +++++++++++++++----------------
 src/pages/about.html        |  4 ++--
 3 files changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/assets/styles/style.css b/src/assets/styles/style.css
index 3780fbed..74bd5768 100644
--- a/src/assets/styles/style.css
+++ b/src/assets/styles/style.css
@@ -201,7 +201,10 @@ body.dark .overlay { background: var(--alice-blue-2); }
 
 ::-webkit-scrollbar-thumb:hover { background: hsla(219, 14%, 60%, 0.5); }
 
-
+/* logo in dark */
+body.dark .logo img{
+  filter:  brightness(0) invert(1);
+}
 
 
 
@@ -305,7 +308,7 @@ button, a { transition: var(--transition); }
   height: 70px;
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: center; 
 }
 
 .header-actions {
@@ -314,6 +317,9 @@ button, a { transition: var(--transition); }
   gap: 20px;
   width: 35%;
 }
+ .logo{
+  margin-left: 4rem;
+}
 
 .header-actions .btn span { display: none; }
 
diff --git a/src/index.html b/src/index.html
index c381e46d..6bc65ba3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -331,10 +331,10 @@
     background: white;
     border-radius: 0 0 12px 12px;
   }
-  
-  .featured-car-card:hover .card-content {
-    background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);
+  body.dark .card-content{ 
+    background-color: black !important;
   }
+   
   
   .card-title-wrapper {
     position: relative;
@@ -399,7 +399,7 @@
     border: 2px solid #007bff;
     background: #007bff;
     color: white;
-    font-weight: 600;
+    font-weight: 800;
     border-radius: 30px;
     padding: 10px 20px;
   }
@@ -417,8 +417,9 @@
   }
   
   .featured-car-card:hover .btn {
+    background: #fff;
     color: #007bff;
-    box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
+    box-shadow: 0 5px 15px rgba(0, 123, 255, 0.4);
   }
   
   .featured-car-card:hover .btn::before {
@@ -487,7 +488,8 @@
 /* -------------------- BLOG SECTION -------------------- */
 .blog {
   padding: 80px 0;
-  background-color: var(--bg-color, #f8f9fa);
+  background-color: #f8f9fa;
+  color: #000;
   transition: background-color 0.3s ease, color 0.3s ease;
 }
 
@@ -496,12 +498,11 @@
   font-weight: 700;
   text-align: center;
   margin-bottom: 10px;
-  color: var(--text-color, #111);
+  color:  #111;
 }
 
 .blog .section-sub {
-  text-align: center;
-  color: var(--subtext-color, #666);
+  text-align: center; 
   max-width: 600px;
   margin: 0 auto 40px auto;
 }
@@ -606,7 +607,7 @@
   --vehigo-blue-dark: #2563eb;
 }
 
-body.dark .blog, body.dark-theme .blog {
+body.dark .blog {
   background-color: var(--bg-color);
 }
 
@@ -625,13 +626,11 @@
   color: var(--meta-text) !important;
 }
 
-body.dark .section-title,
-body.dark-theme .section-title {
+body.dark .section-title {
   color: var(--heading-color);
 }
 
-body.dark .section-sub,
-body.dark-theme .section-sub {
+body.dark .section-sub {
   color: var(--subtext-color);
 }
 
@@ -666,7 +665,7 @@
 
       <div class="overlay" data-overlay></div>
 
-      <a href="/src/index.html" class="logo" onclick="event.preventDefault();window.scrollTo({top:0,behavior:'smooth'});">
+      <a href="./index.html" class="logo" onclick="event.preventDefault();window.scrollTo({top:0,behavior:'smooth'});">
     <img src="./assets/images/vehigologo.png" alt="VehiGo logo">
 </a>
 
@@ -674,7 +673,7 @@
   <ul class="navbar-list">
 
     <li>
-      <a href="/src/index.html" class="navbar-link" data-nav-link>Home</a>
+      <a href="./index.html" class="navbar-link" data-nav-link>Home</a>
     </li>
 
     <li>
diff --git a/src/pages/about.html b/src/pages/about.html
index 9e54cf50..03c13d48 100644
--- a/src/pages/about.html
+++ b/src/pages/about.html
@@ -325,7 +325,7 @@
 
     <header class="header">
     <nav class="navbar navbar-expand-xl container py-2 px-3">
-      <a class="navbar-brand d-flex align-items-center gap-1" href="/src/index.html" aria-label="Vehigo Home">
+      <a class="navbar-brand d-flex align-items-center gap-1" href="../index.html" aria-label="Vehigo Home">
         <img src="../assets/images/vehigologo.png" alt="Vehigo" />
       </a>
 
@@ -336,7 +336,7 @@
 
       <div class="collapse navbar-collapse" id="navMain">
         <ul class="navbar-nav ms-auto">
-          <li class="nav-item"><a class="nav-link" href="/src/index.html">Home</a></li>
+          <li class="nav-item"><a class="nav-link" href="../index.html">Home</a></li>
           <li class="nav-item"><a class="nav-link" href="../../featured-car.html">Explore cars</a></li>
           <li class="nav-item"><a class="nav-link" href="about.html">About us</a></li>
           <li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>