Building a theme for TokyoCMS

#themes #tutorial

A TokyoCMS theme is made of three folders:

themes/my-theme/
├── layouts/    # the page skeleton (base.html)
├── partials/   # header, footer, menu...
├── templates/  # one template per content type
└── assets/     # CSS, JS, images

Steps

1. Duplicate the themes/default folder
2. Tweak assets/css/style.css to your taste
3. Set theme: my-theme in config.yaml
4. Hot reload takes care of the rest!