Fork of the risotto theme by https://github.com/joeroe/risotto

Find a file

Joe Roe 5232e9f44f Add CSS for active menu item		2022-09-30 13:46:58 +02:00
.github/workflows	Add cname to gh-pages workflow	2021-07-28 21:31:07 +02:00
archetypes	Initial commit	2021-03-05 10:44:42 +01:00
exampleSite	Update copyright notice on example site	2022-09-30 13:30:48 +02:00
images	Crop screenshot and generate thumbnail	2021-07-28 22:04:32 +02:00
layouts	Refactor language switcher template	2022-09-30 13:40:30 +02:00
static	Add CSS for active menu item	2022-09-30 13:46:58 +02:00
.gitignore	Add hugo lock file to gitignore	2022-09-30 13:07:31 +02:00
config.toml	Update theme.toml and add config.toml	2021-07-28 20:39:25 +02:00
LICENSE	Initial commit	2021-03-05 10:44:42 +01:00
README.md	Use base16 framework for palettes	2022-09-30 12:54:31 +02:00
theme.toml	Add demo site to theme metadata	2021-07-28 21:20:50 +02:00

risotto

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

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

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 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 for the theme are defined using the base16 system:

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
06	│
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).