diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index ec748c4..7c12da2 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -2,6 +2,7 @@
 @import 'cards.scss';
 @import 'code.scss';
 @import 'fonts.scss';
+@import 'hugo:vars';
 
 @mixin screen-max($max) {
 	@media (max-width: $max - 1) {
@@ -35,7 +36,7 @@ header {
 				margin: auto;
 				font-weight: bold;
 				text-decoration: none;
-				color: $background-color;
+				color: $font-color-alternate;
 			}
 		}
 	}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index b055fa8..5d49b15 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -22,6 +22,7 @@
         {{ $defaultColors := dict
             "background_color" "#1f2835"
             "font_color" "#f8f8ff"
+            "font_color_alternate" "#1f2835"
             "top_bar" "#f8f8ffcc"
             "dark" "#111"
             "link_color" "#5fcfd0"