diff --git a/_includes/footer.html b/_includes/footer.html
index 582cb4cba..29aa129e5 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -3,7 +3,7 @@
 -->
 
 <footer class="d-flex w-100 justify-content-center">
-  <div class="d-flex justify-content-between align-items-center">
+  <div class="d-flex justify-content-between align-items-center text-muted">
     <div class="footer-left">
       <p class="mb-0">
         © {{ 'now' | date: "%Y" }}
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index 28348668e..5e1076d5f 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -155,8 +155,6 @@ footer {
   padding: 0 1rem;
   height: $footer-height;
   font-size: 0.8rem;
-  color: #7a7b7d;
-  background-color: var(--footer-bg-color);
 
   > div.d-flex {
     line-height: 1.2rem;
@@ -171,7 +169,7 @@ footer {
   }
 
   a {
-    color: var(--footer-link);
+    @extend %text-color;
 
     &:link {
       @include no-text-decoration;
diff --git a/_sass/colors/dark-typography.scss b/_sass/colors/dark-typography.scss
index 6b2fbd7d6..745e59acd 100644
--- a/_sass/colors/dark-typography.scss
+++ b/_sass/colors/dark-typography.scss
@@ -84,10 +84,6 @@
   --timeline-color: rgb(63, 65, 68);
   --timeline-year-dot-color: var(--timeline-color);
 
-  /* Footer */
-  --footer-bg-color: var(--main-wrapper-bg);
-  --footer-link: rgb(171, 171, 171);
-
   .post-content img {
     filter: brightness(90%);
   }
@@ -139,7 +135,6 @@
         rgb(39, 39, 45),
         rgb(26, 26, 30)
       );
-
   }
 
 } // dark-scheme
diff --git a/_sass/colors/light-typography.scss b/_sass/colors/light-typography.scss
index 9f9b92db9..553876b00 100644
--- a/_sass/colors/light-typography.scss
+++ b/_sass/colors/light-typography.scss
@@ -76,7 +76,4 @@
   --timeline-node-bg: #c2c6cc;
   --timeline-year-dot-color: #ffffff;
 
-  /* Footer */
-  --footer-bg-color: #ffffff;
-  --footer-link: #424242;
 } // light-scheme