- GitHub Repository: GitHub - Zavorio/avid-reader: A Discourse theme focused on readability.
- Live Preview: https://zavorio.trydiscourse.com/
- How to install themes: How do I install a Theme or Theme Component?
We implemented bigger font sizes, more contrast in size between different headings, more space in between lines and a neutral background color for a better reading experience. And there are a few custom icons as well.
The theme includes the following theme-components:
For Versatile Banner, we are using only a few features to have a simple welcome message with a description only at the homepage. You can check the screenshot below to replicate our settings for it:
And here is the code we used for our welcome message + description:
<h2 class="x-title"> Your Welcome Message </h2> <div class="description"> <p> A brief description of what your Discourse is all about </p> </div>
If you want to have your Discourse to look just like the live preview, besides implementing the setting for Versatile Banner above, these were our choices for some of the Admin settings.
We prefer the category style to be bar instead of the default bullet. This can be changed in:
Admin > Settings > Basic Setup > category style > bar
We opted to use the ‘boxes’ option for the Categories page. This can be changes in:
Admin > Settings > Basic Setup > desktop category page style > boxes with subcategories
We made a color palette for category colors that we feel works nicely with the rest of the theme.
See HEX Color Values
#8ECEA0 #20A9AB #946F96 #CF9D2B #366B80 #F69A9B #9FD8DF #00917C #F27072 #C1CEBF #6B7AA1 #F4D6A2 #F0C928 #C6B4CE #65516B #C56183
You can add these HEX values in:
Admin > Settings > Basic Setup > category colors
The theme does have one setting which might be a bit controversial. It is called ‘hide user card background’ and what it does is make it so that user card backgrounds are just white. We feel like even with the strong overlay Discourse uses by default, user cards backgrounds sometimes are a bit noisy.
But this does limit an aspect of user self expression. We opted to leave it as a setting, up to the Admin to decide.
This is our very first theme and really the first real thing we do coding wise. We hope you enjoy it and we are more than happy to hear any feedback the community has. Thanks to Discourse for supporting this work!