~xdavidwu/xdavidwu.link

9948d3053bc8d513dc8862c958d77596dddeeb5d — xdavidwu 3 years ago 11358a1
light theme color tweaks
2 files changed, 36 insertions(+), 1 deletions(-)

M _config.yml
A _sass/minimal-mistakes/skins/_custom-light.scss
M _config.yml => _config.yml +1 -1
@@ 13,7 13,7 @@
# theme                  : "minimal-mistakes-jekyll"
# remote_theme           : "mmistakes/minimal-mistakes"
minimal_mistakes_skin    : "custom" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
minimal_mistakes_light_skin    : "air" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
minimal_mistakes_light_skin    : "custom-light" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"

# Site Settings
locale                   : "en-US"

A _sass/minimal-mistakes/skins/_custom-light.scss => _sass/minimal-mistakes/skins/_custom-light.scss +35 -0
@@ 0,0 1,35 @@
/* ==========================================================================
   Air skin
   ========================================================================== */

/* Colors */
$background-color: #eeeeee;
$text-color: #222831;
$muted-text-color: #393e46;
$primary-color: #00acc1;
$primary-color-raised: #26c6da;
$primary-color-disabled: #00838f;
$border-color: mix(#fff, #393e46, 75%);
$link-color: $primary-color;
$link-color-hover: mix(#fff, $link-color, 25%);
$link-color-visited: mix(#000, $link-color, 25%);
$masthead-link-color: $text-color;
$masthead-link-color-hover: mix(#fff, $text-color, 20%);
$code-background-color: #fafafa;
$gray: #7a8288;
$light-gray: mix(#fff, $gray, 50%);
$lighter-gray: mix(#fff, $gray, 90%) !default;
$code-background-color-dark: $lighter-gray;
$footer-background-color: $light-gray;

.highlight, .highlight.w {
  background-color: $code-background-color;
}

.page__footer {
  color: #fff !important; // override
}

.page__footer-follow .social-icons .svg-inline--fa {
  color: inherit;
}