Chicago 7

Embracing the power of less

Live Demo

Features

• Minimalistic and lightweight color scheme built with PicoCSS. No JavaScript or complicated tooling.
• Fully responsive design, prioritizing semantic HTML.
• Monospaced font with a nostalgic System 7 vibe, inspired by the classic Chicago typeface.
• Light and Dark mode support.
• Easy to customize and extend.

How to start

The easiest way is to download the theme from GitHub and copy it into themes/chicago7, or clone it directly using Git.

git submodule add https://github.com/akopdev/hugo-theme-chicago7.git themes/chicago7

Install as a Hugo Module

You can also install the theme as a Hugo module. Keep in mind that, by default, the theme will not appear in the themes directory. This means you’ll be using the version of the theme exactly as it exists in the repository at the time you fetch it.

Add theme link to hugo.toml file:

theme = ['github.com/akopdev/hugo-theme-chicago7']

Although specifying modules in the theme array works fine, you have more control if you explicitly import the theme as a module:

[module]
[[module.imports]]
path = 'github.com/akopdev/hugo-theme-chicago7'

Then, to load/update the theme module and run hugo:

hugo mod get -u
hugo server --minify

Example of creating site from scratch

Below is an example on how to create a new site from scratch:

hugo new site my-blog
cd my-blog
hugo mod init github.com/<username>/my-blog
echo "theme = ['github.com/akopdev/hugo-theme-chicago7']" >> hugo.toml
hugo server

How to configure

There are a few configuration options that you can add to your hugo.toml file. Check example site for more info.

Supported social media links:

• Behance
• Goodreads
• Dribbble
• Facebook
• Feed
• Github
• Gplus
• Instagram
• Linkedin
• Pinterest
• Soundcloud
• Twitter
• Vimeo
• Youtube