N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve accessiblity of default skin by increasing color contrast

Browse source
This commit is contained in:
Michael Rose 2020-03-04 16:33:50 -05:00
parent 4fa9cf63d2
commit dc8a41bb60
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
_sass/minimal-mistakes/_page.scss
View file

@ -352,11 +352,11 @@ body {
.taxonomy__title { .taxonomy__title {
margin-bottom: 0.5em; margin-bottom: 0.5em;
color: lighten($text-color, 60%); color: $muted-text-color;
} }
.taxonomy__count { .taxonomy__count {
color: lighten($text-color, 50%); color: $muted-text-color;
} }
.taxonomy__index { .taxonomy__index {
@ -389,7 +389,7 @@ body {
.back-to-top { .back-to-top {
display: block; display: block;
clear: both; clear: both;
color: lighten($text-color, 50%); color: $muted-text-color;
font-size: 0.6em; font-size: 0.6em;
text-transform: uppercase; text-transform: uppercase;
text-align: right; text-align: right;

6
_sass/minimal-mistakes/_variables.scss
View file

@ -48,7 +48,7 @@ $type-size-8: 0.625em !default; // ~10px
========================================================================== */ ========================================================================== */
$gray: #7a8288 !default; $gray: #7a8288 !default;
$dark-gray: mix(#000, $gray, 40%) !default; $dark-gray: mix(#000, $gray, 50%) !default;
$darker-gray: mix(#000, $gray, 60%) !default; $darker-gray: mix(#000, $gray, 60%) !default;
$light-gray: mix(#fff, $gray, 50%) !default; $light-gray: mix(#fff, $gray, 50%) !default;
$lighter-gray: mix(#fff, $gray, 90%) !default; $lighter-gray: mix(#fff, $gray, 90%) !default;
@ -57,7 +57,7 @@ $background-color: #fff !default;
$code-background-color: #fafafa !default; $code-background-color: #fafafa !default;
$code-background-color-dark: $light-gray !default; $code-background-color-dark: $light-gray !default;
$text-color: $dark-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; $border-color: $lighter-gray !default;
$form-background-color: $lighter-gray !default; $form-background-color: $lighter-gray !default;
$footer-background-color: $lighter-gray !default; $footer-background-color: $lighter-gray !default;
@ -103,7 +103,7 @@ $youtube-color: #bb0000 !default;
$xing-color: #006567 !default; $xing-color: #006567 !default;
/* links */ /* 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-hover: mix(#000, $link-color, 25%) !default;
$link-color-visited: mix(#fff, $link-color, 15%) !default; $link-color-visited: mix(#fff, $link-color, 15%) !default;
$masthead-link-color: $primary-color !default; $masthead-link-color: $primary-color !default;