feat: change footer to a dark style

fccn · Dec 6, 2024 · 94a4258 · 94a4258
1 parent 3d615fd
commit 94a4258
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/_footer.scss b/src/_footer.scss
@@ -1,7 +1,11 @@
-$gray-footer: #eee !default;
-$logo-color: #4e4e4e !default;
+$footer-background-color: #232323 !default;
+$footer-text: #d2d2d2 !default;
+$logo-color: $footer-text;
+$footer-social-icons: $footer-text;
+$footer-links-navigation-color: $footer-text;
 
 .footer-navigation {
+  background-color: $footer-background-color;
   padding-top: 2rem;
   padding-bottom: 2rem;
 }
@@ -15,6 +19,7 @@ $logo-color: #4e4e4e !default;
 }
 
 .footer-links-navigation {
+  color: $footer-links-navigation-color;
   flex-basis: 260px;
   min-width: 200px;
   font-size: 0.9rem;
@@ -34,7 +39,7 @@ $logo-color: #4e4e4e !default;
     }
 
     a {
-      color: black;
+      color: $footer-links-navigation-color;
     }
   }
 }
@@ -45,6 +50,10 @@ $logo-color: #4e4e4e !default;
   &__badge {
     margin-right: 1.5rem;
   }
+
+  a {
+    color: $footer-social-icons;
+  }
 }
 
 .footer-additional-logos {