Noir
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
Summary
Noir is a versatile Jekyll theme that offers a modern and responsive design with a focus on typography and dark mode compatibility. With its extensive list of features, including customizable accent colors, navigation area, various pages, and styling for common HTML elements, it provides a comprehensive solution for creating sleek and functional websites. The installation process is straightforward, and support is available from the developer. If you're looking for a Jekyll theme that combines aesthetics and functionality, Noir is worth considering.
- 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 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.