diff --git a/_config.yml b/_config.yml index 2d2e2ee0..a05b217f 100644 --- a/_config.yml +++ b/_config.yml @@ -5,7 +5,7 @@ # For technical reasons, this file is *NOT* reloaded automatically when you use # `jekyll serve`. If you change this file, please restart the server process. -minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "mint", "sunrise" +minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "sunrise" # Site Settings locale : "en" diff --git a/_sass/minimal-mistakes/skins/_neon.scss b/_sass/minimal-mistakes/skins/_neon.scss new file mode 100644 index 00000000..779b6887 --- /dev/null +++ b/_sass/minimal-mistakes/skins/_neon.scss @@ -0,0 +1,35 @@ +/* ========================================================================== + Neon skin + ========================================================================== */ + +/* Colors */ +$background-color: #141010 !default; +$text-color: #fff6fb !default; +$primary-color: #f21368 !default; +$border-color: mix(#fff, $background-color, 20%) !default; +$code-background-color: mix(#000, $background-color, 15%) !default; +$code-background-color-dark: mix(#000, $background-color, 20%) !default; +$form-background-color: mix(#000, $background-color, 15%) !default; +$footer-background-color: mix($primary-color, #000, 10%) !default; +$link-color: $primary-color !default; +$link-color-hover: mix(#fff, $link-color, 25%) !default; +$link-color-visited: mix(#000, $link-color, 25%) !default; +$masthead-link-color: $text-color !default; +$masthead-link-color-hover: mix(#000, $text-color, 20%) !default; +$navicon-link-color-hover: mix(#000, $background-color, 30%) !default; + +.author__urls.social-icons .fa, +.page__footer-follow .social-icons .fa { + color: inherit; +} + +/* next/previous buttons */ +.pagination--pager { + color: $text-color; + background-color: $primary-color; + border-color: transparent; + + &:visited { + color: $text-color; + } +} diff --git a/docs/_config.yml b/docs/_config.yml index a2150fac..29ddbf4b 100644 --- a/docs/_config.yml +++ b/docs/_config.yml @@ -5,7 +5,7 @@ # For technical reasons, this file is *NOT* reloaded automatically when you use # `jekyll serve`. If you change this file, please restart the server process. -minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "mint", "sunrise" +minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "sunrise" # Site Settings locale : "en-US" diff --git a/docs/_docs/05-configuration.md b/docs/_docs/05-configuration.md index 131ca4b4..969dc8e3 100644 --- a/docs/_docs/05-configuration.md +++ b/docs/_docs/05-configuration.md @@ -2,7 +2,7 @@ title: "Configuration" permalink: /docs/configuration/ excerpt: "Settings for configuring and customizing the theme." -last_modified_at: 2017-11-06T11:26:27-05:00 +last_modified_at: 2017-11-06T12:15:21-05:00 toc: true --- @@ -28,7 +28,7 @@ theme: minimal-mistakes-jekyll Easily change the color scheme of the theme using one of the provided "skins": ```yaml -minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "mint", "sunrise" +minimal_mistakes_skin: "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "sunrise" ``` **Note:** If you have made edits to the theme's CSS files be sure to update [`/assets/css/main.scss`](https://github.com/mmistakes/minimal-mistakes/blob/master/assets/css/main.scss) to include `@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin` before the `minimal-mistakes` import. @@ -88,6 +88,15 @@ minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "
Minty fresh green.
+#### Neon skin: `neon` +{:.no_toc} + +
+ + +
Inverted palette, white text on a dark background.
+
+ #### Sunrise skin: `sunrise` {:.no_toc} diff --git a/docs/_sass/minimal-mistakes/skins/_neon.scss b/docs/_sass/minimal-mistakes/skins/_neon.scss new file mode 100644 index 00000000..779b6887 --- /dev/null +++ b/docs/_sass/minimal-mistakes/skins/_neon.scss @@ -0,0 +1,35 @@ +/* ========================================================================== + Neon skin + ========================================================================== */ + +/* Colors */ +$background-color: #141010 !default; +$text-color: #fff6fb !default; +$primary-color: #f21368 !default; +$border-color: mix(#fff, $background-color, 20%) !default; +$code-background-color: mix(#000, $background-color, 15%) !default; +$code-background-color-dark: mix(#000, $background-color, 20%) !default; +$form-background-color: mix(#000, $background-color, 15%) !default; +$footer-background-color: mix($primary-color, #000, 10%) !default; +$link-color: $primary-color !default; +$link-color-hover: mix(#fff, $link-color, 25%) !default; +$link-color-visited: mix(#000, $link-color, 25%) !default; +$masthead-link-color: $text-color !default; +$masthead-link-color-hover: mix(#000, $text-color, 20%) !default; +$navicon-link-color-hover: mix(#000, $background-color, 30%) !default; + +.author__urls.social-icons .fa, +.page__footer-follow .social-icons .fa { + color: inherit; +} + +/* next/previous buttons */ +.pagination--pager { + color: $text-color; + background-color: $primary-color; + border-color: transparent; + + &:visited { + color: $text-color; + } +} diff --git a/docs/assets/images/neon-skin-archive-large.png b/docs/assets/images/neon-skin-archive-large.png new file mode 100644 index 00000000..fd475f8f Binary files /dev/null and b/docs/assets/images/neon-skin-archive-large.png differ diff --git a/docs/assets/images/neon-skin-archive.png b/docs/assets/images/neon-skin-archive.png new file mode 100644 index 00000000..b6a7cba0 Binary files /dev/null and b/docs/assets/images/neon-skin-archive.png differ diff --git a/docs/assets/images/neon-skin-post-large.png b/docs/assets/images/neon-skin-post-large.png new file mode 100644 index 00000000..f12ad1ac Binary files /dev/null and b/docs/assets/images/neon-skin-post-large.png differ diff --git a/docs/assets/images/neon-skin-post.png b/docs/assets/images/neon-skin-post.png new file mode 100644 index 00000000..ac81cdce Binary files /dev/null and b/docs/assets/images/neon-skin-post.png differ diff --git a/test/_config.yml b/test/_config.yml index 2e303dd3..0474ac45 100644 --- a/test/_config.yml +++ b/test/_config.yml @@ -6,7 +6,7 @@ # `jekyll serve`. If you change this file, please restart the server process. theme : "minimal-mistakes-jekyll" -minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "mint", "sunrise" +minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "sunrise" # Site Settings locale : "en"