Noir

screenshot of Noir
jekyll

Noir is a modern, responsive and customizable theme for Jekyll with dark mode support.

Overview

Noir is a modern and responsive theme for Jekyll 4 that pays close attention to typography and offers a dark mode friendly color scheme. It enhances a standard Jekyll installation with various features, such as navigation area, 404, archive, category, tag, style, and about pages, pagination, related posts, HTML/CSS compression, favicon, and valid Atom syndicated feed. The theme also provides a customizable accent color and ensures mobile-friendly design and interaction. Additionally, it offers smart quotes, rich preview links on iOS/macOS/watchOS devices, and styling for common HTML elements used in online Markdown writing.

Features

  • HTML, SASS, and config files included for design and functionality
  • Navigation area for linking to pages/posts or external URLs
  • 404, Archive, Category, Tag, Style, and About pages
  • Pagination, related posts, and per-post navigation
  • HTML/CSS compression (minification)
  • Favicon and valid Atom syndicated feed
  • Customizable accent color
  • Fully responsive with mobile-friendly design and interaction
  • Enabled forced curly/smart quotes
  • Rich preview links when shared via iMessage on iOS/macOS/watchOS
  • Styling for common HTML elements in online Markdown writing
jekyll
Jekyll

Jekyll is a static site generator written in Ruby that allows you to create simple, fast, and secure websites without the need for a database.

blog
Blog

Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.

Dark Mode

Dark mode is a user interface option that uses a dark color scheme instead of light. It reduces eye strain and improves visibility in low-light conditions. Implementing dark mode in a website or application involves updating the styles and color palette to support both light and dark modes.