Add neon skin
This commit is contained in:
parent
7ab03b7192
commit
fc852d3d47
10 changed files with 84 additions and 5 deletions
|
@ -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"
|
||||
|
|
35
_sass/minimal-mistakes/skins/_neon.scss
Normal file
35
_sass/minimal-mistakes/skins/_neon.scss
Normal file
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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"
|
||||
|
|
|
@ -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", "
|
|||
<figcaption>Minty fresh green.</figcaption>
|
||||
</figure>
|
||||
|
||||
#### Neon skin: `neon`
|
||||
{:.no_toc}
|
||||
|
||||
<figure class="half">
|
||||
<a href="{{ site.baseurl }}/assets/images/neon-skin-archive-large.png"><img src="{{ site.baseurl }}/assets/images/neon-skin-archive.png"></a>
|
||||
<a href="{{ site.baseurl }}/assets/images/neon-skin-post-large.png"><img src="{{ site.baseurl }}/assets/images/neon-skin-post.png"></a>
|
||||
<figcaption>Inverted palette, white text on a dark background.</figcaption>
|
||||
</figure>
|
||||
|
||||
#### Sunrise skin: `sunrise`
|
||||
{:.no_toc}
|
||||
|
||||
|
|
35
docs/_sass/minimal-mistakes/skins/_neon.scss
Normal file
35
docs/_sass/minimal-mistakes/skins/_neon.scss
Normal file
|
@ -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;
|
||||
}
|
||||
}
|
BIN
docs/assets/images/neon-skin-archive-large.png
Normal file
BIN
docs/assets/images/neon-skin-archive-large.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 94 KiB |
BIN
docs/assets/images/neon-skin-archive.png
Normal file
BIN
docs/assets/images/neon-skin-archive.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 55 KiB |
BIN
docs/assets/images/neon-skin-post-large.png
Normal file
BIN
docs/assets/images/neon-skin-post-large.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 245 KiB |
BIN
docs/assets/images/neon-skin-post.png
Normal file
BIN
docs/assets/images/neon-skin-post.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 88 KiB |
|
@ -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"
|
||||
|
|
Loading…
Reference in a new issue