If you installed the theme using git clone, pull the repository to get the latest version:
Or, if you added it as a git submodule:
git submodule update --remote
To use the theme, add theme = 'risotto' to your site’s config.toml, or theme: risotto to your config.yaml respectively.
See exampleSite/config.toml for the theme-specific parameters you need to add to your site’s config.toml or config.yaml to configure the theme.
risotto uses the base16 framework to define colour schemes that can be used with the theme.palette parameter.
A selection of 16 palettes (10 dark, 6 light) are bundled with the theme: apprentice, base16-dark, base16-light, dracula, gruvbox-dark, gruvbox-light, material, papercolor-dark, papercolor-light, solarized-dark, solarized-light, tender, tokyo-night-dark, tokyo-night-light, windows-95 and windows-95-light.
The default is base16-dark.
Or to define a wholly custom theme, you will need to define the following CSS variables for the following base16 colours (see base16-dark.css for an example):
<pre>, <code>, <kbd>, <samp>
:before & :marker symbols
Selected text, <mark>
For light mode palettes, the sequence of 00–07 should be reversed (light to dark, not dark to light).
Note that not all colours are currently used in the theme.
risotto will automatically use favicons placed in the static/ directory.
The following files will be detected and included in your site’s <head> section:
You can generate these from an image or emoji using favicon.io or a similar service.
They must be placed directly under your site’s static/ directory, i.e. not in in a subdirectory or themes/risotto/static/.
The ‘cooked rice’ emoji used as a favicon for the example site was created by the Twemoji project and is licensed under CC-BY 4.0.