risotto

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

Screenshot of the risotto theme

Install

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

git clone https://github.com/joeroe/risotto themes/risotto

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

git submodule add https://github.com/joeroe/risotto.git themes/risotto

Update

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

Configure

To use the theme, add theme = risotto to your site’s config.toml or config.yaml.

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

Colour palettes for the theme are defined using the base16 system:

BaseDefault colourUsed forExamples
00DarkBackgroundPage background
01Alt. backgroundContent background
02In-text backgrounds<pre>, <code>, <kbd>, <samp>
03Muted text:before & :marker symbols
04Alt. foregroundAside text
05ForegroundContent text
06
07Light
08Red
09Orange
0AYellowHighlightsSelected text, <mark>
0BGreenPrimary accentLogo
0CCyanActive linksa:active, a:hover
0DBlueLinksa:link, a:visited
0EMagenta
0FBrown

For light mode palettes, the sequence of 00–07 should be reversed (light to dark, not dark to light).

risotto

A hugo theme inspired by terminal ricing.