https://github.com/akopdev/hugo-theme-chicago7
A minimal, retro-inspired Hugo theme with an Apple System 7 aesthetic and zero JS
https://github.com/akopdev/hugo-theme-chicago7
blog css hugo-theme minimalistic-theme monospace per retrocomputing
Last synced: 3 months ago
JSON representation
A minimal, retro-inspired Hugo theme with an Apple System 7 aesthetic and zero JS
- Host: GitHub
- URL: https://github.com/akopdev/hugo-theme-chicago7
- Owner: akopdev
- License: mit
- Created: 2025-07-20T19:13:18.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2026-02-01T12:06:57.000Z (3 months ago)
- Last Synced: 2026-02-01T21:44:35.170Z (3 months ago)
- Topics: blog, css, hugo-theme, minimalistic-theme, monospace, per, retrocomputing
- Language: SCSS
- Homepage: http://akop.dev/hugo-theme-chicago7/
- Size: 1.68 MB
- Stars: 21
- Watchers: 0
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Chicago 7
Embracing the power of less
[](https://themes.gohugo.io/themes/hugo-theme-chicago7/)
[](https://github.com/gohugoio/hugo/releases/tag/v0.146.0)
[](https://github.com/akopdev/hugo-theme-chicago7/blob/main/LICENSE)
## Features
- Minimalistic and lightweight color scheme built with [PicoCSS](https://picocss.com/). 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.
```sh
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:
```toml
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:
```toml
[module]
[[module.imports]]
path = 'github.com/akopdev/hugo-theme-chicago7'
```
Then, to load/update the theme module and run hugo:
```sh
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:
```sh
hugo new site my-blog
cd my-blog
hugo mod init github.com//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](exampleSite/hugo.toml) for more info.
*Supported social media links*:
- Behance
- Goodreads
- Dribbble
- Facebook
- Feed
- Github
- Gplus
- Instagram
- Linkedin
- Pinterest
- Soundcloud
- Twitter
- Vimeo
- Youtube