Add color "skins" to the theme

[mmistakes]

• This is a feature request.

Strip out hard-coded color values in SCSS and replace with variables to allow for more "skinning" opportunities ala Basically Basic.

[mmistakes]

SCSS has been refactored to better hand "skinning". If anyone wants to play around with it and provide feedback, the changes can be found in the color-skins branch.

Probably the easiest way to enable it is by using the pre-release theme gem, add the following to your Gemfile:

gem 'minimal-mistakes-jekyll', :git => 'https://github.com/mmistakes/minimal-mistakes.git', :branch => 'color-skins'

And then set which skin you'd like to use with minimal_mistakes_skin: in your _config.yml file.

Dark skin: dark

Contrast skin: contrast

Sunrise skin: sunrise

[mmistakes]

Dirt skin: dirt

[mmistakes]

Air skin: air

[mmistakes]

Mint skin: mint

[justinrummel]

These are great! Thanks for the work.

[justinrummel]

I noticed that none of your examples include a comments section. I would expect the color options to be reversed vs. dark text field with light border area.

[justinrummel]

Last note for documentation, if you have already made CSS changes be sure to update your /assets/css/main.scss to include

@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin

[mmistakes]

@justinrummel I'm guessing you have an outdated _sass/_forms.scss file or one of the comments includes.

form should have background-color: $form-background-color; which will fill it in with a darker color like this:

[justinrummel]

Thanks, I must have an override somewhere on /assets/css/main.scss somewhere...