diff --git a/src/scss/_colors.css b/src/scss/_colors.css
index 07ebe7b..3289c49 100644
--- a/src/scss/_colors.css
+++ b/src/scss/_colors.css
@@ -29,6 +29,10 @@
      @return $luminance
  }
 
+ @function getFontColor() {
+   @return getTextColorFromBackground(get-color("background-alt"));
+ }
+
  @function getTextColorFromBackground($background-color) {
      @if (luminance($background-color) < 255 * $whiteness_value) {
          @return $color-font-light;
diff --git a/src/scss/_typography.scss b/src/scss/_typography.scss
index bca7dfa..f6e0767 100644
--- a/src/scss/_typography.scss
+++ b/src/scss/_typography.scss
@@ -21,7 +21,7 @@ body {
 	text-align: left;
   font-size:  $fontsize;
 	line-height: $lineheight;
-	color: $color-font;
+	color: getFontColor();
   font-weight: $fontweight_base;
 }