Abridge Zola Theme
Jake G May 17, 2022 Updated: July 21, 2023 [Features] #configAbridge is a fast and lightweight Zola theme using semantic html, only ~6kb css before svg icons and syntax highlighting, no mandatory JS, and perfect Lighthouse, YellowLabTools, and Observatory scores. Here is a Zola Themes Benchmarks Page.
For quick setup copy the config.toml from the abridge theme into the root of your zola site, this will give you a base configuration with all config values used.
You can then edit or comment out the values in this file as necessary.
You should also uncomment out the line #theme = "abridge" in your root zola config.toml file. This tells your root zola site to use the abridge theme in the themes folder.
Pagination
You can set the number of items that appear on the home page by editing content\_index.md
file and adjusting paginate_by = 3
Sass Overrides
Abridge SCSS variables can be overrided by editing sass\abridge.scss
file in your project's root sass folder.
Page Width
$mw:
Abridge Theme Modes
$abridgeMode:
Colors and Styles
You can specify which color template you want to use as a base:
$color:
Then override individual colors as needed:
/// Dark Colors
$f1d:
Footer Social Icons
You should configure which social icons you plan to use. (makes the css file size smaller)
To simply turn them all off you can set $enable-icons: false
Otherwise enable only the icons you need, eg for mail you would set $icon-mail: true
You should then disable all the icons that you do not use.