Hugo Dark Theme Site Generator
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Josh Habdas 0446f50341
feat(help): multipage help docs
1 year ago
archetypes feat(help): multipage help docs 1 year ago
assets/css fix(styles): leftpad orderd lists 1 year ago
bin feat(help): multipage help docs 1 year ago
docker/hugo chore(docker): remove compose files used by voyeur module 1 year ago
docs feat(help): multipage help docs 1 year ago
images docs: add screenshots of scripts running 1 year ago
layouts feat(help): multipage help docs 1 year ago
static feat(layout,install): add automatic syntax highlighting 1 year ago
.gitignore feat(scripts): add theme upgrade script 1 year ago chore(release): 6.8.0 1 year ago
COPYING feat(modules): add analytics module 1 year ago docs(readme): use shortcode for quick install 1 year ago
package-lock.json feat(help): multipage help docs 1 year ago
package.json chore(release): 6.8.0 1 year ago
theme.toml docs(readme,theme): add online help feature 1 year ago

After Dark

A deceptively simple dark theme for Hugo.

Latest NPM version Monthly downloads Minimum Hugo version Keybase profile Telegram chat WTFPL licensed

After Dark screenshots


After Dark is a Hugo theme for bloggers, journalists and technology enthusiasts. It is an original work created to preserve the aesthetic and simplicity of hobbiest websites created during the mid- to late-1990’s. The theme includes an inbuilt search engine, portable quick installer, online help and optional plug-in modules to enhance functionality. Use it online or off to create anything from an indie microblog to a visually stunning photojournal.


Visit Hack Cabin for a live example you can recreate.


See what’s included or jump ahead to get started.

Feature Overview

Feature Summary
Quick Installer One command is all you need to get started with After Dark.
Online Help Learn to use the theme with convenient help from within your site.
Module System Add functionality with prebuilt modules designed to compliment your site.
Section Menu Display a contextual site-wide navigation with links to content.
Display Variants Customize look-and-feel with one of eight included display variations.
Custom Styles Add to, adjust or disable theme styles for complete design control.
Trim Color Define the color used to display borders around your site.
SVG Favicon Push browser standards forward by decorating your site with an SVG favicon.
Fuzzy Search Find and share indexable content anywhere on your site. No registration required.
Code Highlighter Highlight code in over 160 languages without requiring JavaScript.
Post Images Add graphics to your posts without touching an image editor.
Lazy Loading Boost page speed and save bandwidth by deferring assets you define.
Social Engagement Share links to your site with large images on Facebook, Twitter, Telegram and more.
Search Optimization Give crawlers rich information about your site structure and content.
Modification Dating Recently updated content is flagged and made more discoverable to readers.
Index Blocking Hide pages from search engines without modifying robots.txt.
Referrer Policy Help protect your visitors from nosy neighbors with a simple site-wide policy.
Snippets Display alerts, cards, progress indicators and easily build great-looking forms.
Related Content Display links to relevant content below blog posts automatically.
Table of Contents Create collapsable content summaries with deep link and smooth-scroll support.
Error Page Entertain users when errors occur by giving them a glimpse inside the machine.

Getting Started

Satisfy the requirements, run the quick installer and go live with a single command.


After Dark requires Hugo 0.44 or later. Before running the quick installer please install Hugo.

Quick Installer

Then run the quick installer located at bin/install, or just paste this into a POSIX terminal and press Enter:

wget -qO - | sh

Installation should complete in a matter of seconds resulting in a functional offline website ready to go live.

Go Live

Serve your site online with end-to-end encryption using Serveo, no sign-up required:

hugo serve --disableLiveReload & ssh -R 80:localhost:1313

Once started press g for traffic inspection, or quit to go offline and use fg to return to hugo. Install dropbear or openssh if you need ssh.


To check for theme updates and automatically upgrade to the latest version simply run ./theme/after-dark/bin/upgrade from your site directory. This feature requires you install After Dark starting with v6.7.5. If you installed from an earlier version simply follow the steps listed here.


Copyright © 2016–2018 Josh Habdas

This work is free. You can redistribute it and/or modify it under the terms of the Do What The Fuck You Want To Public License, Version 2, as published by Sam Hocevar. See the COPYING file for more details.


Thanks to Steve Francia for creating Hugo. Thanks to エゴイスト for creating hackcss. Thanks to Dan Klammer for the SVG icons. Thanks to Simon Fremaux for the groovy 404 background animation. And thanks to Vincent Prouillet for creating an After Dark port for Gutenberg.