1
| Summary | Reader Mode enables a focused reader experience within Discourse topics | |
| Preview | Preview on Discourse Theme Creator | |
| Repository | https://github.com/discourse/reader-mode | |
| New to Discourse Themes? | Beginner’s guide to using Discourse Themes |
Install this theme component
Features
This theme component adds a “reader mode” button to the topic timeline. “Reader mode” places the emphasis on the written word and lets the other UI elements fade into the background for a more focused reading experience. Users also have the option to choose from various fonts, adjust text size and reading width, and change to their preferred background colour
Settings
| Name | Descriptions |
|---|---|
| svg icons |
Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.
Last edited by @JammyDodger 2024-06-13T23:03:38Z
Check document
Perform check on document:
25 Likes
Jagster (Jakke Flemming) 2
I really love option to change font size ![]()
Bummer that component is not for mobiles.
6 Likes
Tris20 (Tristan) 4
Happy to see this officially released
![]()
Is it possible to match the fonts in reader mode to the font-list of the platform? For example, we’re using Open Sans, but that’s not an option on the font dropdown for Reader Mode. Would be a nice touch to have the same list of fonts to choose from. ![]()
Edit: I’m also noticing that topics which use Discourse TOC, but do not have a reply are not showing the Reader Mode Icon.
You can see an example here:
However as soon as there is at least one reply, the Timeline, ToC and Reader Mode seem to appear as expected.
3 Likes
putty (Derek Putnam)
5
Moin 6
Probably not!
Just try a different theme (I would recommend default, meta branded or air)
3 Likes
I’ve added it to all the themes now.
Not sure if it was missed off some on purpose but I’ll wait for the complaints to roll in to find out. ![]()
2 Likes
Arnold (Jimmy) 11
Could you add the function for guests too? Currently it’s only for registered and logged in Users.
An implementetion for mobile also would be great.
Thanks for this great component ![]()
hoangphuctran93 (Hoàng Phúc Trần) 13
Yes, I also hope that in the next updates this theme component will support user options on the phone.
StefanoCecere (Stefano Cecere) 14
Reader Mode conflics with Disco TOC
it seems we can’t have both the Table of Content (by DiscoTOC, mandatory for big documents) and Reader Mode (also mandatory for big documents)
4 Likes
Moin 16
I suggested a change to make it translatable:
Edit: Merged
So once you update the component, you should be able to translate the button on its configuration page.
4 Likes































