TheCodeAtlas

TheCodeAtlas – Reading Mode PRO (Universal Edition)

Reading Mode PRO is a modern, universal reading-mode add-on for websites, blogs, CMS systems, shops, and frameworks.
With a single click, any page is transformed into a clean, distraction-free, perfectly legible e-reader layout — optimized for accessibility, readability and professional presentation.

Main Features

✔ One-click reader mode
✔ Optimized reading column (max 700px)
✔ Large, comfortable typography
✔ Increased line-height (1.8)
✔ E-reader background (light/dark automatic)
✔ Auto dark reading mode
✔ Cleaner image presentation
✔ Header/nav/footer hidden
✔ Serif font for better reading
✔ Pure CSS/JS toggle — no layout damage
✔ Local storage saves user preference
✔ Fully reversible

Compatibility

HTML / PHP

WordPress

Joomla

Typo3

Shopify

WooCommerce

Shopware

Laravel / Symfony / Blade

Twig / Smarty

Static websites

HuMo-Genealogy (optional color fix)

Accessibility & UX

ideal for senior readers

improved readability

increases engagement time

reduces distractions

improves SEO metrics

fits legal accessibility requirements

Integration

Just add CSS + JS:

<link rel="stylesheet" href="/reading-mode/reading-mode.css">
<script src="/reading-mode/reading-mode.js" defer></script>

before </body> — done.

No setup. No configuration. Instant functionality.

Branding

“Powered by TheCodeAtlas – Reading Mode PRO” must remain visible as part of the license.

Click the round blue button with the book icon at the bottom right to try the Reading Mode instantly.

Price: 8,99 EUR


Screenshots
Addon