contrast color

assets/sass/_theme/_configuration.sass

@@ -88,7 +88,7 @@ $body-overlay-color: rgba(0, 0, 0, 0.3) !default
 
 // Footer
 $footer-color: $main-color !default
-$footer-background-color: darken($main-background-color, 2.5) !default
+$footer-background-color: color-contrast($main-background-color, 3%) !default
 
 // Hero
 $hero-height: 375px !default
@@ -135,13 +135,13 @@ $block-call-to-action-button-color: invert($block-call-to-action-color) !default
 
 // Block definitions
 $definition-border-color: $main-border-color !default
-$definition-border-color-hovered: darken($definition-border-color, 100) !default
+$definition-border-color-hovered: color-contrast($definition-border-color, 100%) !default
 
 // Block pages
-$block-pages-card-background: lighten($main-background-color, 1) !default
+$block-pages-card-background: color-contrast($main-background-color, 10%) !default
 $block-pages-card-page-background: white !default
 $block-pages-card-page-color: $main-color !default
-$block-pages-card-page-background-hover: darken($main-background-color, 100) !default
+$block-pages-card-page-background-hover: color-contrast($main-background-color, 100%) !default
 $block-pages-card-page-color-hover: white !default
 
 // Block timeline
@@ -162,13 +162,13 @@ $block-testimonials-pagination-progress-background: $main-color !default
 $block-key_figures-number-font-size: px2rem(60) !default
 
 // Sections
-$article-media-background: darken($main-background-color, 2) !default
+$article-media-background: color-contrast($main-background-color, 3%) !default
 $article-title-size: $h4-size !default
 
 $post-media-background: $article-media-background !default
 $post-media-aspect-ratio: 50% !default
-$post-categories-color: lighten($main-color, 2) !default
-$post-time-color: lighten($main-color, 2) !default
+$post-categories-color: color-contrast($main-color, 20%) !default
+$post-time-color: color-contrast($main-color, 20%) !default
 
 // Table of content
 $toc-color: $main-color !default

assets/sass/_theme/_utils.sass

@@ -179,7 +179,6 @@
         top: $top
 
 @function color-contrast($color, $amount)
-    @debug lightness($color) 
     @if lightness($color) > 50%
         $amount: $amount * -1
     @return scale-color($color, $lightness: $amount)
\ No newline at end of file

assets/sass/_theme/sections/posts.sass

@@ -42,7 +42,7 @@
         @include visually-hidden
         position: relative !important // Fix safari iOS border issue
     th
-        color: color-contrast($main-color, 35%)
+        color: color-contrast($main-color, 25%)
         font-weight: 400
         padding-left: 0
         white-space: nowrap