# "Reader Mode" theme component feedback

**URL:** https://meta.discourse.org/t/reader-mode-theme-component-feedback/304314
**Category:** Feature
**Tags:** feedback, completed, reader-mode
**Created:** [April 17, 2024, 1:55pm UTC](https://meta.discourse.org/t/reader-mode-theme-component-feedback/304314 "2024-04-17T13:55:07Z")
**Posts on this page:** 1
**Showing post:** 41

<div class="post-metadata">

### Author: ![Tris20](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tris20/32/264639_2.png) [@Tris20](https://meta.discourse.org/u/Tris20)
#### Post date: [April 30, 2024, 6:33am UTC](https://meta.discourse.org/t/reader-mode-theme-component-feedback/304314/41 "2024-04-30T06:33:01Z")

</div>

Thank you Jordan 🙂

Your commit also made it easy to identify the css for controlling this. I played around with both full colour, and fully hidden avatars, and after speaking with a few colleagues we’ve decided to go with fully hidden.

For anyone who wants to make changes to go full colour or fully hidden avatar, just add the following as a [theme component](https://meta.discourse.org/t/make-css-changes-on-your-site/168101#where-do-i-add-my-css-5):

#### Fully Hide Avatars

```plaintext
.reader-mode {
    .topic-avatar img,
    .topic-avatar .avatar-flair {
    opacity: 0;
    transition: opacity 0.3s;
    filter: none;
  }
}

```

#### Show Avatars full colour

```plaintext
.reader-mode {
    .topic-avatar img,
    .topic-avatar .avatar-flair {
    opacity: 1;
    transition: opacity 0.3s;
    filter: none;
  }
}

```

### Font size is not persistent in settings slider

One Colleague also found that when we click out of the font-size settings, and then go back to it, the slider’s setting is not persistent.

Not a major issue, but worth noting if it hasn’t been seen yet.

p.s. when showing them the font style dropdown, the response was “wow, no comic sans 😤” 😂

---

_[View the full topic](https://meta.discourse.org/t/reader-mode-theme-component-feedback/304314)._
