From 304d0f358160ab58f7ccc1bd03bf69ccb6e7981e Mon Sep 17 00:00:00 2001 From: Michael Rose Date: Wed, 4 Mar 2020 16:33:50 -0500 Subject: [PATCH] Improve accessiblity of default skin by increasing color contrast --- _sass/minimal-mistakes/_page.scss | 6 +++--- _sass/minimal-mistakes/_variables.scss | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/_sass/minimal-mistakes/_page.scss b/_sass/minimal-mistakes/_page.scss index 815499d..458733a 100644 --- a/_sass/minimal-mistakes/_page.scss +++ b/_sass/minimal-mistakes/_page.scss @@ -352,11 +352,11 @@ body { .taxonomy__title { margin-bottom: 0.5em; - color: lighten($text-color, 60%); + color: $muted-text-color; } .taxonomy__count { - color: lighten($text-color, 50%); + color: $muted-text-color; } .taxonomy__index { @@ -389,7 +389,7 @@ body { .back-to-top { display: block; clear: both; - color: lighten($text-color, 50%); + color: $muted-text-color; font-size: 0.6em; text-transform: uppercase; text-align: right; diff --git a/_sass/minimal-mistakes/_variables.scss b/_sass/minimal-mistakes/_variables.scss index 2da9089..5f66e1e 100644 --- a/_sass/minimal-mistakes/_variables.scss +++ b/_sass/minimal-mistakes/_variables.scss @@ -48,7 +48,7 @@ $type-size-8: 0.625em !default; // ~10px ========================================================================== */ $gray: #7a8288 !default; -$dark-gray: mix(#000, $gray, 40%) !default; +$dark-gray: mix(#000, $gray, 50%) !default; $darker-gray: mix(#000, $gray, 60%) !default; $light-gray: mix(#fff, $gray, 50%) !default; $lighter-gray: mix(#fff, $gray, 90%) !default; @@ -57,7 +57,7 @@ $background-color: #fff !default; $code-background-color: #fafafa !default; $code-background-color-dark: $light-gray !default; $text-color: $dark-gray !default; -$muted-text-color: mix(#fff, $text-color, 35%) !default; +$muted-text-color: mix(#fff, $text-color, 20%) !default; $border-color: $lighter-gray !default; $form-background-color: $lighter-gray !default; $footer-background-color: $lighter-gray !default; @@ -103,7 +103,7 @@ $youtube-color: #bb0000 !default; $xing-color: #006567 !default; /* links */ -$link-color: mix(#000, $info-color, 15%) !default; +$link-color: mix(#000, $info-color, 20%) !default; $link-color-hover: mix(#000, $link-color, 25%) !default; $link-color-visited: mix(#fff, $link-color, 15%) !default; $masthead-link-color: $primary-color !default; -- 2.43.0