Skip to content

Commit 47f537b

Browse files
mmistakesmmistakes
committed
Add plum skin
1 parent d535c5d commit 47f537b

13 files changed

+102
-9
lines changed

‎CHANGELOG.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
- Refactor seo.html include to DRY-up page image handling.
1616
- 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)
1717
- Fix the spelling of some product names in the author profile. [#1328](https://github.com/mmistakes/minimal-mistakes/pull/1328)
18-
- Add `aqua` and `neon` skins. [#1336](https://github.com/mmistakes/minimal-mistakes/pull/1336)
18+
- Add `aqua`, `neon`, and `plum` skins. [#1336](https://github.com/mmistakes/minimal-mistakes/pull/1336)
1919
- Update **jekyll-toc** with heading classes fix. [#1337](https://github.com/mmistakes/minimal-mistakes/pull/1337)
2020
- Remove `+` from Google+ author link to allow non-vanity URLs. [#1319]
2121

‎README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ This theme comes in seven different skins (including the default one).
3838
| --- | --- | --- |
3939
| ![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) |
4040

41-
| `aqua` | `neon` | --- |
41+
| `aqua` | `neon` | `plum` |
4242
| --- | --- | --- |
4343
| ![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) |
4444

‎_config.yml

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
# For technical reasons, this file is *NOT* reloaded automatically when you use
66
# `jekyll serve`. If you change this file, please restart the server process.
77

8-
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "sunrise"
8+
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
99

1010
# Site Settings
1111
locale : "en"

‎_sass/minimal-mistakes/skins/_plum.scss

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
/* ==========================================================================
2+
Plum skin
3+
========================================================================== */
4+
5+
/* Colors */
6+
$background-color: #521477 !default;
7+
$text-color: #fffd86 !default;
8+
$primary-color: #c327ab !default;
9+
$border-color: mix(#fff, $background-color, 20%) !default;
10+
$code-background-color: mix(#000, $background-color, 15%) !default;
11+
$code-background-color-dark: mix(#000, $background-color, 20%) !default;
12+
$form-background-color: mix(#000, $background-color, 15%) !default;
13+
$footer-background-color: mix(#000, $background-color, 25%) !default;
14+
$link-color: $primary-color !default;
15+
$link-color-hover: mix(#fff, $link-color, 25%) !default;
16+
$link-color-visited: mix(#000, $link-color, 25%) !default;
17+
$masthead-link-color: $text-color !default;
18+
$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
19+
$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
20+
21+
.author__urls.social-icons .fa,
22+
.page__footer-follow .social-icons .fa {
23+
color: inherit;
24+
}
25+
26+
.page__content {
27+
a,
28+
a:visited {
29+
color: inherit;
30+
}
31+
}
32+
33+
/* next/previous buttons */
34+
.pagination--pager {
35+
color: $text-color;
36+
background-color: $primary-color;
37+
border-color: transparent;
38+
39+
&:visited {
40+
color: $text-color;
41+
}
42+
}

‎docs/_config.yml

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
# For technical reasons, this file is *NOT* reloaded automatically when you use
66
# `jekyll serve`. If you change this file, please restart the server process.
77

8-
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "sunrise"
8+
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
99

1010
# Site Settings
1111
locale : "en-US"

‎docs/_docs/05-configuration.md

+11-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: "Configuration"
33
permalink: /docs/configuration/
44
excerpt: "Settings for configuring and customizing the theme."
5-
last_modified_at: 2017-11-06T12:15:21-05:00
5+
last_modified_at: 2017-11-06T16:17:34-05:00
66
toc: true
77
---
88

@@ -28,7 +28,7 @@ theme: minimal-mistakes-jekyll
2828
Easily change the color scheme of the theme using one of the provided "skins":
2929
3030
```yaml
31-
minimal_mistakes_skin: "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "sunrise"
31+
minimal_mistakes_skin: "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum" "sunrise"
3232
```
3333
3434
**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
9797
<figcaption>Inverted palette, white text on a dark background.</figcaption>
9898
</figure>
9999

100+
#### Neon skin: `plum`
101+
{:.no_toc}
102+
103+
<figure class="half">
104+
<a href="{{ site.baseurl }}/assets/images/plum-skin-archive-large.png"><img src="{{ site.baseurl }}/assets/images/plum-skin-archive.png"></a>
105+
<a href="{{ site.baseurl }}/assets/images/plum-skin-post-large.png"><img src="{{ site.baseurl }}/assets/images/plum-skin-post.png"></a>
106+
<figcaption>Purple reigns supreme.</figcaption>
107+
</figure>
108+
100109
#### Sunrise skin: `sunrise`
101110
{:.no_toc}
102111

‎docs/_docs/18-history.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ permalink: /docs/history/
44
excerpt: "Change log of enhancements and bug fixes made to the theme."
55
sidebar:
66
nav: docs
7-
last_modified_at: 2017-11-06T12:30:30-05:00
7+
last_modified_at: 2017-11-06T16:14:47-05:00
88
toc: true
99
---
1010

@@ -25,7 +25,7 @@ toc: true
2525
- Refactor seo.html include to DRY-up page image handling.
2626
- 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)
2727
- Fix the spelling of some product names in the author profile. [#1328](https://github.com/mmistakes/minimal-mistakes/pull/1328)
28-
- Add `aqua` and `neon` skins. [#1336](https://github.com/mmistakes/minimal-mistakes/pull/1336)
28+
- Add `aqua`, `neon`, and `plum` skins. [#1336](https://github.com/mmistakes/minimal-mistakes/pull/1336)
2929
- Update **jekyll-toc** with heading classes fix. [#1337](https://github.com/mmistakes/minimal-mistakes/pull/1337)
3030
- Remove `+` from Google+ author link to allow non-vanity URLs. [#1319]
3131

‎docs/_sass/minimal-mistakes/skins/_plum.scss

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
/* ==========================================================================
2+
Plum skin
3+
========================================================================== */
4+
5+
/* Colors */
6+
$background-color: #521477 !default;
7+
$text-color: #fffd86 !default;
8+
$primary-color: #c327ab !default;
9+
$border-color: mix(#fff, $background-color, 20%) !default;
10+
$code-background-color: mix(#000, $background-color, 15%) !default;
11+
$code-background-color-dark: mix(#000, $background-color, 20%) !default;
12+
$form-background-color: mix(#000, $background-color, 15%) !default;
13+
$footer-background-color: mix(#000, $background-color, 25%) !default;
14+
$link-color: $primary-color !default;
15+
$link-color-hover: mix(#fff, $link-color, 25%) !default;
16+
$link-color-visited: mix(#000, $link-color, 25%) !default;
17+
$masthead-link-color: $text-color !default;
18+
$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
19+
$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
20+
21+
.author__urls.social-icons .fa,
22+
.page__footer-follow .social-icons .fa {
23+
color: inherit;
24+
}
25+
26+
.page__content {
27+
a,
28+
a:visited {
29+
color: inherit;
30+
}
31+
}
32+
33+
/* next/previous buttons */
34+
.pagination--pager {
35+
color: $text-color;
36+
background-color: $primary-color;
37+
border-color: transparent;
38+
39+
&:visited {
40+
color: $text-color;
41+
}
42+
}

‎docs/assets/images/plum-skin-archive-large.png

366 KB
Loading

‎docs/assets/images/plum-skin-archive.png

71.6 KB
Loading

‎docs/assets/images/plum-skin-post-large.png

801 KB
Loading

‎docs/assets/images/plum-skin-post.png

93.4 KB
Loading

‎test/_config.yml

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
# `jekyll serve`. If you change this file, please restart the server process.
77

88
theme : "minimal-mistakes-jekyll"
9-
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "sunrise"
9+
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
1010

1111
# Site Settings
1212
locale : "en"

0 commit comments

Comments
 (0)