maximevaillancourt/digital-garden-jekyll-template

[Feature Request] Dark Mode Support

phibr0 opened this issue · 3 comments

Would it be possible to add a Dark Mode Toggle somewhere?

I tried to change the SCSS File but i cant change the background color

Hi Phillip - in your garden, try adding a background: #black; property to the body selector:

body {
box-sizing: content-box;
font-family: $font-family;
margin: 0 auto;
line-height: 1.7;
padding: 4vh 6vw;
overflow-x: hidden;
color: $color-text;
font-size: 1rem;
max-width: 63em;
@media (min-width: 820px) {
font-size: 1.2rem;
}
}

From there, feel free to look at this commit to add a dark mode toggle to your garden.

To keep this template simple and efficient, I won't add a dark mode toggle. The goal of this template is to be a starting point for others to pick up and tweak as they desire, so I'll keep it as bare as possible. 🙂

Thank you!