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.

⚡ Features

  • click to toggle light/dark
  • click to choose random pallet
  • click to save settings

💡 All About The Theme

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.

👩‍🚀 Add New Themes

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

🌈 Default Themes

dark

sunset

dragos