Home / Blog
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░██╗███████╗██╗░░██╗░░░░░░░░░
░░░░░░░░░░██║██╔════╝██║░██╔╝░░░░░░░░░
░░░░░░░░░░██║█████╗░░█████═╝░░░░░░░░░░
░░░░░██╗░░██║██╔══╝░░██╔═██╗░░░░░░░░░░
░░░░░╚█████╔╝███████╗██║░╚██╗░░░░░░░░░
░░░░░░╚════╝░╚══════╝╚═╝░░╚═╝░░░░░░░░░
░░░░░░░░░░░░░ by Tyler Butler ░░░░░░░░
Jek is a minimalist jekyll theme putting the power of color schemes in the user’s hands. Toggle between schemes hassle-free, create new one’s on the go, and store settings in-browser.
Theme settings are saved in session and local storage. Toggling light/dark mode or choosing a random pallet saves settings for only the current session. Clicking the save button adds the theme to local storage for future visits.
Adding new themes to your new jek
site could not be easier, just pick a background color and text color and add them to main.css
. Once your done, add your theme to _data/themes.yaml
. Check out colorhunt for inspiration.
1) add a new scheme to main.css with a background-color
and color
.
.mytheme {
background-color: #0a1d37;
color: #ffeedb;
}
2) Add color scheme name to _data/themes.yaml
- name: mytheme
enabled: true
dark
sunset
dragos