Chicago 7: minimal retro style monochromatic theme for personal sites

New theme/module
1

Hi, I’m sharing my minimalistic blog theme, inspired by the monochrome look of Apple’s classic System 7. It’s fast, easy to customize, and built without JavaScript or complex tooling.

Live demo:

https://akop.dev/hugo-theme-chicago7

Source code:

https://github.com/akopdev/hugo-theme-chicago7

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.

1 Like
2

Some things to note:

  1. Your theme does not follow the new template design in Hugo v0.146.0+ New template system in Hugo v0.146.0
  2. In that sense, also note that the layouts/pages construct is deprecated in v0.146.0 Possible bug: Single layout for pages in v0.147.9 - #2 by jmooring
  3. Also, read this on how to define front matter in content Hugo default front matter fields vs params (supported since v0.123.0)
  4. For internal menus, use pageref and url for external menu links in your config.yaml PageRef (also, you can rename the config to hugo.yaml for Hugo versions beyond 0.110.0)
1 Like