Automatically adapts to your visitor's system dark mode preference
☀️
Light Mode
Table of Contents
1. Introduction
1.1 Overview
1.2 Requirements
2. Installation
3. Configuration
4. Advanced Usage
🌙
Dark Mode
Table of Contents
1. Introduction
1.1 Overview
1.2 Requirements
2. Installation
3. Configuration
4. Advanced Usage
✨
Zero Configuration Required
Enable Auto Dark Mode once, and the TOC automatically responds to each visitor's system preference.
Works with Windows, macOS, iOS, and Android dark mode settings.
⚙️
System Appearance
macOS / Windows / iOS / Android
Dark Mode
⚡
How It Works
1
Detects System Preference
Uses CSS media query prefers-color-scheme: dark to detect
visitor's OS setting
2
Applies Dark Theme
Automatically switches TOC colors to dark theme without page reload
3
Real-time Updates
Responds instantly when user toggles system dark mode on/off