From 9948d3053bc8d513dc8862c958d77596dddeeb5d Mon Sep 17 00:00:00 2001 From: xdavidwu Date: Tue, 19 Jan 2021 15:02:44 +0800 Subject: [PATCH] light theme color tweaks --- _config.yml | 2 +- .../minimal-mistakes/skins/_custom-light.scss | 35 +++++++++++++++++++ 2 files changed, 36 insertions(+), 1 deletion(-) create mode 100644 _sass/minimal-mistakes/skins/_custom-light.scss diff --git a/_config.yml b/_config.yml index 4097766..6664b20 100644 --- a/_config.yml +++ b/_config.yml @@ -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" diff --git a/_sass/minimal-mistakes/skins/_custom-light.scss b/_sass/minimal-mistakes/skins/_custom-light.scss new file mode 100644 index 0000000..a1ed5d3 --- /dev/null +++ b/_sass/minimal-mistakes/skins/_custom-light.scss @@ -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; +} -- 2.43.0