# Customizing the Roon theme

**URL:** <https://community.roonlabs.com/t/customizing-the-roon-theme/142548>\
**Category:** Themes\
**Created:** [February 11, 2021, 3:40pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548 "2021-02-11T15:40:37Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![occasionallyhere](https://community.roonlabs.com/letter_avatar/occasionallyhere/32/5_5575768a8748004e209b776fc1b2916d.png) [@occasionallyhere](https://community.roonlabs.com/u/occasionallyhere)\
**Post date:** [February 11, 2021, 8:32pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/21 "2021-02-11T20:32:26Z")

</div>

Mark my words: this is for sure the path to going back to JRiver! 😇 🤣 😂

---

<div class="post-metadata">

**Author:** ![MrSalieri](https://community.roonlabs.com/user_avatar/community.roonlabs.com/mrsalieri/32/58334_2.png) [@MrSalieri](https://community.roonlabs.com/u/MrSalieri)\
**Post date:** [February 11, 2021, 8:36pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/22 "2021-02-11T20:36:07Z")

</div>

Can you also edit font sizes and types by following this path?

---

<div class="post-metadata">

**Author:** ![Damian\_Kurgan](https://community.roonlabs.com/user_avatar/community.roonlabs.com/damian_kurgan/32/120865_2.png) [@Damian\_Kurgan](https://community.roonlabs.com/u/Damian_Kurgan)\
**Post date:** [February 11, 2021, 8:38pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/23 "2021-02-11T20:38:50Z")

</div>

Haha just working on it…

---

<div class="post-metadata">

**Author:** ![Nyquist](https://community.roonlabs.com/user_avatar/community.roonlabs.com/nyquist/32/122062_2.png) [@Nyquist](https://community.roonlabs.com/u/Nyquist)\
**Post date:** [February 11, 2021, 8:40pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/24 "2021-02-11T20:40:07Z")

</div>

I have just changed this

 ![Screenshot 2021-02-11 at 21.11.54](https://roon-community-uploads.s3.amazonaws.com/original/3X/e/e/ee37f1a705ad57377de325606aa78b92af97fcbd.jpeg)

into this

 ![Screenshot 2021-02-11 at 21.37.07](https://roon-community-uploads.s3.amazonaws.com/original/3X/f/6/f6aca99cf62d5ae8b819513bc861ff9c6e58b22e.jpeg)

Just a start.

---

<div class="post-metadata">

**Author:** ![Nyquist](https://community.roonlabs.com/user_avatar/community.roonlabs.com/nyquist/32/122062_2.png) [@Nyquist](https://community.roonlabs.com/u/Nyquist)\
**Post date:** [February 11, 2021, 8:42pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/25 "2021-02-11T20:42:11Z")

</div>

You can make a new theme as wel. Have not figured out yet how to change the name from unknown into something else

 ![Screenshot 2021-02-11 at 21.13.08](https://roon-community-uploads.s3.amazonaws.com/original/3X/9/a/9a60097c44a2324fd634d17630940ca420b0a5af.png)

---

<div class="post-metadata">

**Author:** ![occasionallyhere](https://community.roonlabs.com/letter_avatar/occasionallyhere/32/5_5575768a8748004e209b776fc1b2916d.png) [@occasionallyhere](https://community.roonlabs.com/u/occasionallyhere)\
**Post date:** [February 11, 2021, 8:45pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/26 "2021-02-11T20:45:43Z")

</div>

There is another file in that folder, named “name”.

---

<div class="post-metadata">

**Author:** ![Damian\_Kurgan](https://community.roonlabs.com/user_avatar/community.roonlabs.com/damian_kurgan/32/120865_2.png) [@Damian\_Kurgan](https://community.roonlabs.com/u/Damian_Kurgan)\
**Post date:** [February 11, 2021, 8:48pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/27 "2021-02-11T20:48:49Z")

</div>

Roon community can make a “Custom Community Theme” to request Roon for implementation in the next release 🤣

---

<div class="post-metadata">

**Author:** ![aKnyght](https://community.roonlabs.com/user_avatar/community.roonlabs.com/aknyght/32/51864_2.png) [@aKnyght](https://community.roonlabs.com/u/aKnyght)\
**Post date:** [February 11, 2021, 8:49pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/28 "2021-02-11T20:49:22Z")

</div>

anyone figured out how to do this on macOS ? poked around for a while and could not see/find a similar file.

---

<div class="post-metadata">

**Author:** ![occasionallyhere](https://community.roonlabs.com/letter_avatar/occasionallyhere/32/5_5575768a8748004e209b776fc1b2916d.png) [@occasionallyhere](https://community.roonlabs.com/u/occasionallyhere)\
**Post date:** [February 11, 2021, 8:52pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/29 "2021-02-11T20:52:02Z")

</div>

How? (what’s the roon color name?)

---

<div class="post-metadata">

**Author:** ![Nyquist](https://community.roonlabs.com/user_avatar/community.roonlabs.com/nyquist/32/122062_2.png) [@Nyquist](https://community.roonlabs.com/u/Nyquist)\
**Post date:** [February 11, 2021, 8:55pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/30 "2021-02-11T20:55:36Z")

</div>

Yes, I have seen that and tried to name the new made theme but I think it needs a reference somewhere. I made a new theme with the name Medium but it keeps showing up as Unknown. Not that it matters much, it works. My girlfriend is allready busey with getting rid of the BIG fonts everywhere.

I know this is something that gets destroyed with every new update but it is certainly fun, and after some fiddling very worthwhile.

---

<div class="post-metadata">

**Author:** ![Damian\_Kurgan](https://community.roonlabs.com/user_avatar/community.roonlabs.com/damian_kurgan/32/120865_2.png) [@Damian\_Kurgan](https://community.roonlabs.com/u/Damian_Kurgan)\
**Post date:** [February 11, 2021, 8:56pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/31 "2021-02-11T20:56:20Z")

</div>

You create a new folder with these two files:

 ![image](https://roon-community-uploads.s3.amazonaws.com/original/3X/1/4/1486a47c6ee7d5f1c0ffe8b77b8432cb50fe7d06.png)

---

<div class="post-metadata">

**Author:** ![Damian\_Kurgan](https://community.roonlabs.com/user_avatar/community.roonlabs.com/damian_kurgan/32/120865_2.png) [@Damian\_Kurgan](https://community.roonlabs.com/u/Damian_Kurgan)\
**Post date:** [February 11, 2021, 8:57pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/32 "2021-02-11T20:57:39Z")

</div>

Nyquist, over here:

C:\Users\Admin\AppData\Local\Roon\Application\100800756\webroot

---

<div class="post-metadata">

**Author:** ![occasionallyhere](https://community.roonlabs.com/letter_avatar/occasionallyhere/32/5_5575768a8748004e209b776fc1b2916d.png) [@occasionallyhere](https://community.roonlabs.com/u/occasionallyhere)\
**Post date:** [February 11, 2021, 8:58pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/33 "2021-02-11T20:58:12Z")

</div>

No, my question was how to change the background of the “Recent Activity” section. No matter what I do (see my example above) that and the “Discover” section are not changing their color.

---

<div class="post-metadata">

**Author:** ![occasionallyhere](https://community.roonlabs.com/letter_avatar/occasionallyhere/32/5_5575768a8748004e209b776fc1b2916d.png) [@occasionallyhere](https://community.roonlabs.com/u/occasionallyhere)\
**Post date:** [February 11, 2021, 8:59pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/34 "2021-02-11T20:59:03Z")

</div>

Well, it’s all about having fun!

---

<div class="post-metadata">

**Author:** ![mikeb](https://community.roonlabs.com/user_avatar/community.roonlabs.com/mikeb/32/177945_2.png) [@mikeb](https://community.roonlabs.com/u/mikeb)\
**Post date:** [February 11, 2021, 9:04pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/35 "2021-02-11T21:04:29Z")

</div>

The file is here: Applications/Roon.app/Contents/Resources/Themes/Dark/colors

Right-click the Roon application icon to get at the Contents folder.

---

<div class="post-metadata">

**Author:** ![Brock\_Bair](https://community.roonlabs.com/letter_avatar/brock_bair/32/5_5575768a8748004e209b776fc1b2916d.png) [@Brock\_Bair](https://community.roonlabs.com/u/Brock_Bair)\
**Post date:** [February 11, 2021, 9:04pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/36 "2021-02-11T21:04:52Z")

</div>

Go to your applications folder, and right-click on the Roon icon. Select “Show Package Contents” from the menu that opens. From there, it’s:

Contents \> Resources \> Themes \> Dark (or “Creamsicle”) \> Colors

---

<div class="post-metadata">

**Author:** ![Damian\_Kurgan](https://community.roonlabs.com/user_avatar/community.roonlabs.com/damian_kurgan/32/120865_2.png) [@Damian\_Kurgan](https://community.roonlabs.com/u/Damian_Kurgan)\
**Post date:** [February 11, 2021, 9:06pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/37 "2021-02-11T21:06:14Z")

</div>

Please change these two values like below:

![image](https://roon-community-uploads.s3.amazonaws.com/original/3X/6/9/69dfda205e97c7af130cb6a07d0e80b92f3708ad.png)

---

<div class="post-metadata">

**Author:** ![occasionallyhere](https://community.roonlabs.com/letter_avatar/occasionallyhere/32/5_5575768a8748004e209b776fc1b2916d.png) [@occasionallyhere](https://community.roonlabs.com/u/occasionallyhere)\
**Post date:** [February 11, 2021, 9:14pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/38 "2021-02-11T21:14:39Z")

</div>

That’s it, somehow I’ve missed that. Thank you.

---

<div class="post-metadata">

**Author:** ![A\_dN](https://community.roonlabs.com/letter_avatar/a_dn/32/5_5575768a8748004e209b776fc1b2916d.png) [@A\_dN](https://community.roonlabs.com/u/A_dN)\
**Post date:** [February 11, 2021, 9:21pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/39 "2021-02-11T21:21:46Z")

</div>

I don’t particularly like the mix of the old font and the new Grifo-font, so I copied and renamed two of the OpenType NotoSans fonts residing in the C:\Users\Username\AppData\Local\Roon\Application\100800756 dir to the original Grifo-name. Works on Windows 8.1. I would not say it is now of high-end graphic design, but one type of font is easier on my eyes.

---

<div class="post-metadata">

**Author:** ![Charles\_Peterson](https://community.roonlabs.com/letter_avatar/charles_peterson/32/5_5575768a8748004e209b776fc1b2916d.png) [@Charles\_Peterson](https://community.roonlabs.com/u/Charles_Peterson)\
**Post date:** [February 11, 2021, 9:24pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/40 "2021-02-11T21:24:54Z")

</div>

Oh thank you, so much better. Just did it on my Mac Pro desktop and will do for my MacBook later. Saved the color file in a folder for later use.

[Previous page](https://community.roonlabs.com/t/customizing-the-roon-theme/142548.md?page=1)

[Next page](https://community.roonlabs.com/t/customizing-the-roon-theme/142548.md?page=3)
