NNuartz

Reader Mode

Updated 2026-03-191 min read

Distraction-free reading by hiding sidebars and UI elements.

Reader mode provides a clean, focused reading experience by hiding sidebars and other UI elements.

Usage

Click the reader mode toggle to activate it. When enabled:

  • Sidebars are hidden to maximize content width
  • Hovering near the edges reveals sidebars temporarily
  • The mode persists during navigation but resets on page reload

Customization

Reader mode can be removed from the layout if not needed. The toggle button and its behavior can be styled via CSS using the [reader-mode="on"] attribute selector on the root element.

Linked from (3)