ZolaNight

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.

Live Demo

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

Features

• Dark Themes: Offers multiple dark color schemes: tokyonight (default), tokyostorm, tokyomoon, and tokyoday.
• Responsive Design: Adapts to various screen sizes for optimal viewing on any device.
• Syntax Highlighting: Beautiful syntax highlighting for code blocks using the catppuccin-mocha theme.
• Clean Typography: Utilizes the Source Code Pro font 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.

Installation and Usage

1. Download the Theme: Place the zolanight theme directory into your Zola site's themes folder.

2. Enable the Theme: Update your config.toml (or zola.toml) file to use the theme:

   theme = "zolanight"

3. Optional: Sample Content: To see the theme in action with pre-filled content, copy the content directory from the theme repository into your project's root directory.

4. Change Color Scheme: Customize the color scheme by adding the following to your config.toml (or zola.toml) under the [extra.zolanight] section:

   [extra.zolanight]
   theme = "tokyostorm"# Choose from "tokyonight", "tokyostorm", "tokyomoon", "tokyoday"

Configuration

The zola.toml file contains the following theme-specific configurations:

base_url = "https://zolanight.codedmaster.com"# Your site's base URLtitle = "ZolaNight Theme Demo"# Your site's titledescription = "A demo site for the ZolaNight theme."# Your site's descriptioncompile_sass = true# Enable Sass compilationgenerate_feeds = true# Generate RSS/Atom feedsfeed_limit = 10# Number of items in feedsfeed_filenames = ["atom.xml"] # Feed filenamestaxonomies = [{ name = "tags" }] # Enable tags taxonomy
[markdown.highlighting]
theme = "catppuccin-mocha"# Code highlighting theme
[extra.zolanight]
theme = "tokyonight"# Default theme, override as shown abovehome_list_latest_blog_posts = true# Toggles latest posts on homepagegoogle_analytics_id = ""# Set a GA ID to use with analytics snippetko_fi_url = ""# Link to your Ko-fi page for donations.

License

This theme is licensed under the MIT License.