diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index 01b0620d52f0c0e3c78d0483dfd679a113f16586..035afd5f8b366488cf8aef150d1d7364cac4c741 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/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 diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass index 686852d54b96460c65e9cf722a695a7900f03c4d..60a32717992d824b3cefb10f2e27abf4f695373e 100644 --- a/assets/sass/_theme/_utils.sass +++ b/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 diff --git a/assets/sass/_theme/sections/posts.sass b/assets/sass/_theme/sections/posts.sass index 6c645af37cffc44c8d3c8a204037805aeacf1291..e74bfa054e387d31f9ae95b372263f61633f8183 100644 --- a/assets/sass/_theme/sections/posts.sass +++ b/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