Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?


Failed to load latest commit information.
Latest commit message
Commit time
March 5, 2021 10:44
May 3, 2023 15:32
May 3, 2023 16:57
September 30, 2022 13:07
March 5, 2021 10:44
May 3, 2023 17:10
May 6, 2023 14:03


risotto is a minimalist, responsive hugo theme inspired by terminal ricing aesthetics.

Screenshot of the risotto theme


The easiest way to install the theme is to clone this repository into your site's themes directory:

git clone themes/risotto

If your site is already a git repository, you can add the theme as a submodule instead:

git submodule add themes/risotto


If you installed the theme using git clone, pull the repository to get the latest version:

cd themes/risotto
git pull

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.

Colour palettes

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.

The easiest way to use other base16 styles is to place .css file from and place it in your static/css/palettes directory.

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):

Base Default colour Used for Examples
00 Dark Background Page background
01 Alt. background Content background
02 In-text backgrounds <pre>, <code>, <kbd>, <samp>
03 Muted text :before & :marker symbols
04 Alt. foreground Aside text
05 Foreground Content text
07 Light
08 Red
09 Orange
0A Yellow Highlights Selected text, <mark>
0B Green Primary accent Logo
0C Cyan Active links a:active, a:hover
0D Blue Links a:link, a:visited
0E Magenta
0F Brown

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.