ZolaNight is a dark theme for the Zola static site generator, inspired by the Tokyo Night color palette. It's designed to be lightweight and focus on clear content presentation.
Explore a live demo of the ZolaNight theme here: https://zolanight.codedmaster.com
You can find my personal blog using this theme at codedmaster.com
- Dark Themes: Offers multiple dark color schemes:
tokyonight(default),tokyostorm,tokyomoon, andtokyoday. - Responsive Design: Adapts to various screen sizes for optimal viewing on any device.
- Syntax Highlighting: Beautiful syntax highlighting for code blocks using
the
catppuccin-mochatheme. - Clean Typography: Utilizes the
Source Code Profont for a modern, readable appearance. - Basic Navigation: Provides essential navigation for root sections and pages.
- Blog-Ready: Displays recent blog posts on the home page (configurable) and includes tag support for categorization.
- Modern Reset: Built on a modern CSS reset for consistent styling across browsers.
- Easy Customization: Designed for straightforward modification and personalization.
-
Download the Theme: Place the
zolanighttheme directory into your Zola site'sthemesfolder. -
Enable the Theme: Update your
config.toml(orzola.toml) file to use the theme:theme = "zolanight"
-
Optional: Sample Content: To see the theme in action with pre-filled content, copy the
contentdirectory from the theme repository into your project's root directory. -
Change Color Scheme: Customize the color scheme by adding the following to your
config.toml(orzola.toml) under the[extra.zolanight]section:[extra.zolanight] theme = "tokyostorm" # Choose from "tokyonight", "tokyostorm", "tokyomoon", "tokyoday"
The zola.toml file contains the following theme-specific configurations:
base_url = "https://zolanight.codedmaster.com" # Your site's base URL
title = "ZolaNight Theme Demo" # Your site's title
description = "A demo site for the ZolaNight theme." # Your site's description
compile_sass = true # Enable Sass compilation
generate_feeds = true # Generate RSS/Atom feeds
feed_limit = 10 # Number of items in feeds
feed_filenames = ["atom.xml"] # Feed filenames
taxonomies = [{ name = "tags" }] # Enable tags taxonomy
[markdown.highlighting]
theme = "catppuccin-mocha" # Code highlighting theme
[extra.zolanight]
theme = "tokyonight" # Default theme, override as shown above
home_list_latest_blog_posts = true # Toggles latest posts on homepage
google_analytics_id = "" # Set a GA ID to use with analytics snippet
ko_fi_url = "" # Link to your Ko-fi page for donations.This theme is licensed under the MIT License.
