search

the-mvm / the-mvm.github.io

The Minimum Viable Model website and Jekyll theme.
https://the-mvm.github.io
GNU General Public License v3.0
87 stars 398 forks source link

dark theme #12

Closed k-kipruto closed 3 years ago

k-kipruto commented 3 years ago

first m not a web developer just a bit knowledge of web development. lately was trying to change the theme to dark and I was struggling a lot, anything can you do to make theming easy. Thanks for the awesome theme.

amaynez commented 3 years ago

That's a great idea, let me work on it to implement a dark theme.

amaynez commented 3 years ago

DONE:

To configure the dark theme just change the following variables in the _config.yml file:

# Night/Dark mode
# Default mode is "auto", "auto" is for auto nightshift
# (19:00 - 07:00), "manual" is for manual toggle, and
# "on/off" is for default on/off.
#
# Whatever the user's choice is, it will supersede the
# default setting of the site and be kept during the
# visit (session). Only the dark mode setting is "manual",
# it will be always kept on every visit (i.e. no matter
# the browser is closed or not)
night_mode: "auto"

logo-dark: "/assets/img/branding/MVM-logo-full-dark.svg"
highlight_theme: syntax-base16.monokai.dark # select a dark theme for the code highlighter if needed

You can customize all the theme colors in the main.css file.

Here are some screenshots: dark mode theme selector dark mode theme selector

Homepage Dark post page dark post bottom dark

k-kipruto commented 3 years ago

This was absolutely fantastic and quick too thanks a lot for implementing dark mode