From 8c62a099ccbab393800f459c844c5ee94fd7a414 Mon Sep 17 00:00:00 2001
From: zoe <zoe@cat.fritz.box>
Date: Sun, 10 Apr 2022 18:52:13 +0200
Subject: [PATCH] footer

---
 assets/scss/colors.scss | 32 ++++++++++++++++++++------------
 assets/scss/layout.scss |  2 ++
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss
index 5bcd014..3918dd3 100644
--- a/assets/scss/colors.scss
+++ b/assets/scss/colors.scss
@@ -1,14 +1,15 @@
-$light-bg:  #f0f0eb ;
-$light-bg-alt:   #545155  ;
-$light-fg:  #545155 ;
-$light-ln:   #d8828e ;
-$light-active:  #7be098 ;
+$light-bg: #ddcf99;
+$light-bg-alt: #4e5463;
+$light-fg: #202020;
+$light-ln: #4e5463;
+$light-active: #f1866c;
 
-$dark-bg:  #2e4052 ;
-$dark-bg-alt:  #c97064 ;
-$dark-fg: #fbbbad;
-$dark-ln: #ee8695;
-$dark-active: #4a7a96;
+$dark-bg: #4b3d44;
+$dark-bg-alt: #bd97a9;
+$dark-fg: #e6d0c4;
+$dark-ln: #bd97a9;
+$dark-active: #4b4361;
+$transition-time: 1.5s;
 
 body {
   &.light {
@@ -17,6 +18,7 @@ body {
   }
   background-color: $dark-bg;
   color: $dark-fg;
+  transition: $transition-time;
 }
 
 a {
@@ -26,6 +28,7 @@ a {
   }
   background-color: $dark-ln;
   color: $dark-bg;
+  transition: $transition-time;
 }
 
 a.footer-nav-item.active {
@@ -33,6 +36,7 @@ a.footer-nav-item.active {
     color: $light-active;
   }
   color: $dark-active;
+  transition: $transition-time;
 }
 
 footer {
@@ -42,6 +46,7 @@ footer {
   }
   background-color: $dark-bg-alt;
   color: $dark-bg;
+  transition: $transition-time;
 }
 
 footer a {
@@ -51,6 +56,7 @@ footer a {
   }
   color: $dark-bg;
   background-color: $dark-bg-alt;
+  transition: $transition-time;
 }
 
 .togglelabel {
@@ -58,14 +64,16 @@ footer a {
     background-color: $light-bg;
   }
   background-color: $dark-bg;
+  transition: $transition-time;
 }
 
-.togglelabel.light::after{
+.togglelabel.light::after {
   background-color: $light-fg;
   color: $light-bg;
 }
 
-.togglelabel::after{
+.togglelabel::after {
   background-color: $dark-fg;
   color: $dark-bg;
+  transition: $transition-time;
 }
diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss
index 694ef67..42301f2 100644
--- a/assets/scss/layout.scss
+++ b/assets/scss/layout.scss
@@ -11,6 +11,7 @@ footer {
   display: flex;
   align-items: center;
   justify-content: center;
+  bottom: 0;
 }
 
 #content {
@@ -46,3 +47,4 @@ footer {
 #footer-right *{
   display: flex;
 }
+