Toggle Theme Color

src/Components/Careers/careers.css

@@ -568,6 +568,6 @@ flex-wrap: wrap;
 }
 
 .light .body div{
-    background: #F3CFC6 !important;
+    background:  lightblue  !important;
     color: #000000 !important;
 }

src/Components/Delicious/Delicious.css

@@ -80,7 +80,7 @@ body {
   }
 
 .light .delicious-page header p{
-  background: #F3CFC6 !important;
+  background:  lightblue  !important;
   color: #000000 !important;
 }
 

src/Components/MainContainer.css

@@ -672,7 +672,7 @@
 }
 
 .light .card, .light .filters, .light .cards {
-  background: #F3CFC6 !important;
+  background:  lightblue  !important;
   /*color: #000000 !important;*/
 }
 

src/Components/MainRightTopCard.css

@@ -14,12 +14,12 @@
   }
 
   .light .topCard p, .light .topCard h2{
-    background: #F3CFC6 !important;
+    background:  lightblue  !important;
     color: #000000 !important;
   }
 
   .light .bottom_card div, .light .bottom_card h2, .light .bottom_card p{
-    background: #F3CFC6 !important;
+    background:  lightblue  !important;
     color: #000000 !important;
   }
 

src/Components/Menu.css

@@ -142,11 +142,11 @@ body {
 }
 
 .light .sidebar li span{
-  background: #F3CFC6 ;
+  background:  lightblue  ;
   color: #000000 !important;
 }
 
 .light .sidebar-header{
-  background: #F3CFC6 !important;
+  background:  lightblue  !important;
   color: #000000 !important;
 }

src/Components/RateUs.css

@@ -152,6 +152,6 @@
 }
 
 .light .rate-us-container ,.light .rate-us-container h2{
-  background: #F3CFC6 ;
+  background:  lightblue  ;
   color: #000000 ;
 }

src/Components/Settings/Settings.css

@@ -185,6 +185,6 @@ button:hover {
 }
 
 .light .settings-tabs,.light .profile-settings h2, .light .profile-settings label, .light .account-settings h2, .light .account-settings label, .light .notification-settings h2, .light .notification-settings label , .light .privacy-settings h2, .light .privacy-settings label,  .light .collaboration-settings h2, .light .collaboration-settings label, .light .application-settings h2, .light .application-settings label, .light .help-support li, .light .help-support p, .light .help-support h2, .light .legal-settings li, .light .legal-settings h2 {
-  background: #F3CFC6 !important;
+  background:  lightblue  !important;
   color: #000000 !important;
 }

src/Components/TopContainer.css

@@ -61,6 +61,7 @@
   display: flex;
   gap: 5px;
   align-items: center; /* Center items vertically */
+}
 
 /* Hover effect for nav item links */
 .largeview .nav-item a:hover {
@@ -326,6 +327,6 @@
 }
 
 .light .notification-container div {
-  background: #F3CFC6;
+  background:  lightblue ;
   color: #000000 !important;
 }

src/Components/Trending/Trending.css

@@ -93,6 +93,6 @@ body {
 }
 
 .light header p{
-  background: #F3CFC6 !important;
+  background:  lightblue  !important;
   color: #000000 !important;
 }

src/Components/cart/cart.css

@@ -85,6 +85,6 @@ body {
 }
 
 .light .card{
-  background: #F3CFC6 !important;
+  background:  lightblue  !important;
   color: #000000 !important;
 }

src/Components/footer_section/BlogPage/BlogPage.css

@@ -73,7 +73,7 @@
 }
 
 .light .blogs div, .light .blogs h2, .light .blogs p, .light h1{
-    background: #F3CFC6 ;
+    background:  lightblue  ;
     color: #000000 ;
 }
 

src/Components/footer_section/ContactUs/contact_us.css

@@ -163,6 +163,6 @@
 }
 
 .light .containerContact div, .light .containerContact h2, .light .containerContact p, .light .containerContact label, .light .containerContact a{
-    background: #F3CFC6 !important;
+    background:  lightblue  !important;
     color: #000000 !important;
 }

src/Components/footer_section/FAQPage/FAQPage.css

@@ -70,6 +70,6 @@
 }
 
 .light .faqs div, .light .faqs h2, .light .faqs p, .light .faqs span{
-    background: #F3CFC6 !important;
+    background:  lightblue  !important;
     color: #000000 !important;
 }

src/Components/footer_section/Pricing/pricing.css

@@ -191,6 +191,6 @@ li {
 }
 
 .light .cards_price div , .light .cards_price li{
-    background: #F3CFC6 !important;
+    background:  lightblue  !important;
     color: #000000 !important;
 }

src/Components/footer_section/about_us/About_us.css

@@ -153,6 +153,6 @@
 }
 
 .light .about-us-block div, .light .about-us-block p {
-    background: #F3CFC6 !important;
+    background:  lightblue  !important;
     color: #000000 !important;
 }

src/Components/footer_section/services/Services.css

@@ -73,6 +73,6 @@
 }
 
 .light .services div, .light .services h2{
-    background: #F3CFC6 !important;
+    background:  lightblue  !important;
     color: #000000 ;
 }

src/Components/menu_section/my_projects/MyProjects.css

@@ -85,7 +85,7 @@ color: gray;
 }
 
 .light .project-card h2 , .light .project-card p{
-    background: #F3CFC6 !important;
+    background:  lightblue  !important;
     color: #000000 !important;
 }
 .home-icon{

src/index.css

@@ -86,7 +86,7 @@ code {
 
 *{
   .light {
-    background: #F3CFC6 !important;
+    background: lightblue !important;
     color: #000000 !important;
   }