How to Customise Reading Mode Colour Themes and Spacing in Google Chrome

Extended screen time when studying complex technical specifications, reviewing research papers, or reading online documentation frequently causes optical fatigue and headaches. Traditional web styling forces high-contrast pure white backgrounds or hardcoded dark themes that do not accommodate every reader’s visual sensitivities. Google Chrome’s native Reading Mode, situated in the Side Panel, allows granular customisation of background canvas tones, typographic spacing, and reading speed to optimise reading endurance.

Understanding Reading Mode Display Themes

Chrome incorporates four carefully calibrated color palettes designed for varying ambient lighting conditions:

  • Light Theme: Crisp charcoal typography on a neutral off-white canvas, ideal for bright office environments and well-lit workspaces.
  • Dark Theme: Soft muted gray text on a deep obsidian canvas, designed to minimize OLED power draw and eliminate glare in low-light environments.
  • Sepia Theme: Warm amber typography against a soft parchment canvas, engineered to reduce blue light exposure during evening reading sessions.
  • Yellow Theme: High-contrast black typography against a muted yellow background, recognized by accessibility specialists for aiding dyslexic readers and individuals with visual tracking sensitivities.

Configuring Canvas Themes in Chrome Side Panel

Customising your Reading Mode visual environment takes only a few seconds:

  1. Open Google Chrome and navigate to your intended article.
  2. Click the Side panel icon (split rectangle icon) located adjacent to your profile avatar in the top-right toolbar.
  3. Select Reading mode from the dropdown menu to extract the article’s text body into the side pane.
  4. In the top toolbar of the Reading Mode canvas, click the circular Theme swatch icon.
  5. Select your preferred canvas tone: Default, Light, Dark, Sepia, or Yellow. Chrome instantly repaints the reading canvas without touching the original page layout on the left.

Fine-Tuning Letter Tracking and Line Height

Typographic density dramatically affects reading comprehension and optical tracking:

  1. Click the Letter spacing icon (symbolized by horizontal arrows) in the panel toolbar.
  2. Toggle between Standard, Wide, or Very Wide character tracking. Expanding letter spacing prevents character crowding for readers with dyslexia.
  3. Click the Line spacing icon (vertical arrows) and select between Standard, Loose, or Very Loose. Increasing line spacing provides generous vertical breathing room between paragraphs.

Synchronising Settings Across Browser Sessions

Chrome preserves your customized Reading Mode configuration across browser restarts, automatically applying your preferred color palette, typography family, and line height settings whenever you open an article in the Side Panel.

Tuning Reading Mode themes and typographic spacing in Google Chrome transforms the browser into an accessible, fatigue-free reading station.

Get the best tech tips delivered straight to your inbox.

Join thousands of readers mastering Apple, Google, Microsoft, and Linux.