Add plum skin
This commit is contained in:
parent
d535c5d5f6
commit
47f537b40d
13 changed files with 102 additions and 9 deletions
|
@ -15,7 +15,7 @@
|
||||||
- Refactor seo.html include to DRY-up page image handling.
|
- Refactor seo.html include to DRY-up page image handling.
|
||||||
- Add support for setting what image is used by OpenGraph and Twitter via `page.header.og_image`. [#1316](https://github.com/mmistakes/minimal-mistakes/issues/1316)
|
- Add support for setting what image is used by OpenGraph and Twitter via `page.header.og_image`. [#1316](https://github.com/mmistakes/minimal-mistakes/issues/1316)
|
||||||
- Fix the spelling of some product names in the author profile. [#1328](https://github.com/mmistakes/minimal-mistakes/pull/1328)
|
- Fix the spelling of some product names in the author profile. [#1328](https://github.com/mmistakes/minimal-mistakes/pull/1328)
|
||||||
- Add `aqua` and `neon` skins. [#1336](https://github.com/mmistakes/minimal-mistakes/pull/1336)
|
- Add `aqua`, `neon`, and `plum` skins. [#1336](https://github.com/mmistakes/minimal-mistakes/pull/1336)
|
||||||
- Update **jekyll-toc** with heading classes fix. [#1337](https://github.com/mmistakes/minimal-mistakes/pull/1337)
|
- Update **jekyll-toc** with heading classes fix. [#1337](https://github.com/mmistakes/minimal-mistakes/pull/1337)
|
||||||
- Remove `+` from Google+ author link to allow non-vanity URLs. [#1319]
|
- Remove `+` from Google+ author link to allow non-vanity URLs. [#1319]
|
||||||
|
|
||||||
|
|
|
@ -38,7 +38,7 @@ This theme comes in seven different skins (including the default one).
|
||||||
| --- | --- | --- |
|
| --- | --- | --- |
|
||||||
| ![dirt skin](https://mmistakes.github.io/minimal-mistakes/assets/images/dirt-skin-archive.png) | ![mint skin](https://mmistakes.github.io/minimal-mistakes/assets/images/mint-skin-archive.png) | ![sunrise skin](https://mmistakes.github.io/minimal-mistakes/assets/images/sunrise-skin-archive.png) |
|
| ![dirt skin](https://mmistakes.github.io/minimal-mistakes/assets/images/dirt-skin-archive.png) | ![mint skin](https://mmistakes.github.io/minimal-mistakes/assets/images/mint-skin-archive.png) | ![sunrise skin](https://mmistakes.github.io/minimal-mistakes/assets/images/sunrise-skin-archive.png) |
|
||||||
|
|
||||||
| `aqua` | `neon` | --- |
|
| `aqua` | `neon` | `plum` |
|
||||||
| --- | --- | --- |
|
| --- | --- | --- |
|
||||||
| ![aqua skin](https://mmistakes.github.io/minimal-mistakes/assets/images/aqua-skin-archive.png) | ![neon skin](https://mmistakes.github.io/minimal-mistakes/assets/images/neon-skin-archive.png) | ![transparent-400x404](https://user-images.githubusercontent.com/1376749/32458764-72a67bc8-c2fb-11e7-88c5-861a837f2709.gif) |
|
| ![aqua skin](https://mmistakes.github.io/minimal-mistakes/assets/images/aqua-skin-archive.png) | ![neon skin](https://mmistakes.github.io/minimal-mistakes/assets/images/neon-skin-archive.png) | ![transparent-400x404](https://user-images.githubusercontent.com/1376749/32458764-72a67bc8-c2fb-11e7-88c5-861a837f2709.gif) |
|
||||||
|
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
||||||
# `jekyll serve`. If you change this file, please restart the server process.
|
# `jekyll serve`. If you change this file, please restart the server process.
|
||||||
|
|
||||||
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "sunrise"
|
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
|
||||||
|
|
||||||
# Site Settings
|
# Site Settings
|
||||||
locale : "en"
|
locale : "en"
|
||||||
|
|
42
_sass/minimal-mistakes/skins/_plum.scss
Normal file
42
_sass/minimal-mistakes/skins/_plum.scss
Normal file
|
@ -0,0 +1,42 @@
|
||||||
|
/* ==========================================================================
|
||||||
|
Plum skin
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$background-color: #521477 !default;
|
||||||
|
$text-color: #fffd86 !default;
|
||||||
|
$primary-color: #c327ab !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(#000, $background-color, 25%) !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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page__content {
|
||||||
|
a,
|
||||||
|
a:visited {
|
||||||
|
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
|
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
||||||
# `jekyll serve`. If you change this file, please restart the server process.
|
# `jekyll serve`. If you change this file, please restart the server process.
|
||||||
|
|
||||||
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "sunrise"
|
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
|
||||||
|
|
||||||
# Site Settings
|
# Site Settings
|
||||||
locale : "en-US"
|
locale : "en-US"
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
title: "Configuration"
|
title: "Configuration"
|
||||||
permalink: /docs/configuration/
|
permalink: /docs/configuration/
|
||||||
excerpt: "Settings for configuring and customizing the theme."
|
excerpt: "Settings for configuring and customizing the theme."
|
||||||
last_modified_at: 2017-11-06T12:15:21-05:00
|
last_modified_at: 2017-11-06T16:17:34-05:00
|
||||||
toc: true
|
toc: true
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -28,7 +28,7 @@ theme: minimal-mistakes-jekyll
|
||||||
Easily change the color scheme of the theme using one of the provided "skins":
|
Easily change the color scheme of the theme using one of the provided "skins":
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
minimal_mistakes_skin: "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "sunrise"
|
minimal_mistakes_skin: "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum" "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.
|
**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.
|
||||||
|
@ -97,6 +97,15 @@ minimal_mistakes_skin: "default" # "air", "aqua", "contrast", "dark", "dirt", "n
|
||||||
<figcaption>Inverted palette, white text on a dark background.</figcaption>
|
<figcaption>Inverted palette, white text on a dark background.</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
|
#### Neon skin: `plum`
|
||||||
|
{:.no_toc}
|
||||||
|
|
||||||
|
<figure class="half">
|
||||||
|
<a href="{{ site.baseurl }}/assets/images/plum-skin-archive-large.png"><img src="{{ site.baseurl }}/assets/images/plum-skin-archive.png"></a>
|
||||||
|
<a href="{{ site.baseurl }}/assets/images/plum-skin-post-large.png"><img src="{{ site.baseurl }}/assets/images/plum-skin-post.png"></a>
|
||||||
|
<figcaption>Purple reigns supreme.</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
#### Sunrise skin: `sunrise`
|
#### Sunrise skin: `sunrise`
|
||||||
{:.no_toc}
|
{:.no_toc}
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@ permalink: /docs/history/
|
||||||
excerpt: "Change log of enhancements and bug fixes made to the theme."
|
excerpt: "Change log of enhancements and bug fixes made to the theme."
|
||||||
sidebar:
|
sidebar:
|
||||||
nav: docs
|
nav: docs
|
||||||
last_modified_at: 2017-11-06T12:30:30-05:00
|
last_modified_at: 2017-11-06T16:14:47-05:00
|
||||||
toc: true
|
toc: true
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -25,7 +25,7 @@ toc: true
|
||||||
- Refactor seo.html include to DRY-up page image handling.
|
- Refactor seo.html include to DRY-up page image handling.
|
||||||
- Add support for setting what image is used by OpenGraph and Twitter via `page.header.og_image`. [#1316](https://github.com/mmistakes/minimal-mistakes/issues/1316)
|
- Add support for setting what image is used by OpenGraph and Twitter via `page.header.og_image`. [#1316](https://github.com/mmistakes/minimal-mistakes/issues/1316)
|
||||||
- Fix the spelling of some product names in the author profile. [#1328](https://github.com/mmistakes/minimal-mistakes/pull/1328)
|
- Fix the spelling of some product names in the author profile. [#1328](https://github.com/mmistakes/minimal-mistakes/pull/1328)
|
||||||
- Add `aqua` and `neon` skins. [#1336](https://github.com/mmistakes/minimal-mistakes/pull/1336)
|
- Add `aqua`, `neon`, and `plum` skins. [#1336](https://github.com/mmistakes/minimal-mistakes/pull/1336)
|
||||||
- Update **jekyll-toc** with heading classes fix. [#1337](https://github.com/mmistakes/minimal-mistakes/pull/1337)
|
- Update **jekyll-toc** with heading classes fix. [#1337](https://github.com/mmistakes/minimal-mistakes/pull/1337)
|
||||||
- Remove `+` from Google+ author link to allow non-vanity URLs. [#1319]
|
- Remove `+` from Google+ author link to allow non-vanity URLs. [#1319]
|
||||||
|
|
||||||
|
|
42
docs/_sass/minimal-mistakes/skins/_plum.scss
Normal file
42
docs/_sass/minimal-mistakes/skins/_plum.scss
Normal file
|
@ -0,0 +1,42 @@
|
||||||
|
/* ==========================================================================
|
||||||
|
Plum skin
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$background-color: #521477 !default;
|
||||||
|
$text-color: #fffd86 !default;
|
||||||
|
$primary-color: #c327ab !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(#000, $background-color, 25%) !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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page__content {
|
||||||
|
a,
|
||||||
|
a:visited {
|
||||||
|
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/plum-skin-archive-large.png
Normal file
BIN
docs/assets/images/plum-skin-archive-large.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 366 KiB |
BIN
docs/assets/images/plum-skin-archive.png
Normal file
BIN
docs/assets/images/plum-skin-archive.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 72 KiB |
BIN
docs/assets/images/plum-skin-post-large.png
Normal file
BIN
docs/assets/images/plum-skin-post-large.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 801 KiB |
BIN
docs/assets/images/plum-skin-post.png
Normal file
BIN
docs/assets/images/plum-skin-post.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 93 KiB |
|
@ -6,7 +6,7 @@
|
||||||
# `jekyll serve`. If you change this file, please restart the server process.
|
# `jekyll serve`. If you change this file, please restart the server process.
|
||||||
|
|
||||||
theme : "minimal-mistakes-jekyll"
|
theme : "minimal-mistakes-jekyll"
|
||||||
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "sunrise"
|
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
|
||||||
|
|
||||||
# Site Settings
|
# Site Settings
|
||||||
locale : "en"
|
locale : "en"
|
||||||
|
|
Loading…
Reference in a new issue