Dusky Neon Potato is a Hugo theme that fuses the Potato Dark and Dusk themes into a dark, Outrun-inspired blog layout with neon accent colors, optional C3 charting, and image zoom.
What is Dusky Neon Potato?
Dusky Neon Potato is a Hugo static-site theme designed for personal blogs and content sites. It takes Hugo content (Markdown files, front matter) and renders a responsive HTML site with a dark background and neon green, pink, and purple foreground colors. The theme is built by VVelox and released under the MIT license. It merges the Potato Dark theme's layout with CSS bits from the Dusk theme, giving it a distinctive "outrun" aesthetic.
Key Features
- Responsive design — Layout adapts to mobile and desktop viewports automatically.
- Tag and related content support — Posts can be tagged, and related items appear at the bottom of each post.
- Google Analytics integration — Add your tracking ID via configuration to enable analytics.
- Image zoom — Uses zoom.js to zoom images on click; activated via a
zoom-imgshortcode. - Social links — Supports most social networks with inline links in the header/footer.
- Configurable colors — All colors are set via the
colorssection in your Hugo config, including headings, tables, tags, and graph axis. - Sortable tables — Enable per-page table sorting by setting
sort_tables: truein front matter. - C3.js graphing — Adds line, spline, bar, scatter, pie, donut, and gauge charts through shortcodes that read CSV data from a URL.
- Page auto-refresh — Set
page_refreshin front matter to reload a page every N seconds.
Who is it for?
Dusky Neon Potato suits bloggers who want a retro-futuristic look without writing custom CSS. Developers comfortable with Hugo's config and front matter will get the most from its customization options, like turning off pagination or enabling table sorting. It's also useful for anyone publishing data-heavy posts who wants native chart rendering via C3.js.
What can you do with it?
- Personal bloggers: Publish a dark-themed blog with tags, related posts, and image zoom for gallery-style entries.
- Technical writers: Build a Hugo documentation site with sortable tables and embedded line or bar charts from CSV sources.
- Data hobbyists: Create auto-refreshing pages that pull updated CSV data and redraw charts periodically.
How does it work?
Install the theme by placing it in your Hugo themes directory and running hugo server -t hugo-dusky-neon-potato -w -D. Configure colors in the colors config section, enable features with front matter flags like sort_tables, no_pagination, and page_refresh, and use shortcodes such as zoom-img and chart-generate to add interactive elements.
FAQ
Is Dusky Neon Potato free?
Yes, the theme is open-source and released under an MIT license (see the license badge in the repository).
What chart types does it support?
It supports line, spline, bar, scatter, pie, donut, and gauge charts through the chart-generate shortcode. Area charts are not currently supported despite C3 supporting them.
How do I customize the colors?
All colors are controlled by the [colors] section in your Hugo configuration file. You can set values for text, background, headings, table borders, tags, related items, and graph lines and text.
Can I disable pagination on a specific page?
Yes, set no_pagination: true in the page's front matter and pagination will not render on that page.
How do I make tables sortable?
Add sort_tables: true to the front matter of a page to include the JavaScript that makes its HTML tables sortable.
