# Customizing the Roon theme **URL:** \ **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:** 6
**Author:** ![Thg6276](https://community.roonlabs.com/letter_avatar/thg6276/32/5_5575768a8748004e209b776fc1b2916d.png) [@Thg6276](https://community.roonlabs.com/u/Thg6276)\ **Post date:** [February 12, 2021, 6:11pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/103 "2021-02-12T18:11:11Z")
Bonjour, You will find all the colors indicated in the Dark → colors file ![image](https://roon-community-uploads.s3.amazonaws.com/original/3X/1/3/13c963be5e5a1a2c033c98f0ace20fd5320416fa.png) ![image](https://roon-community-uploads.s3.amazonaws.com/original/3X/8/c/8c8ba0291dfbed5db131274d582d552879bb77e3.png) ![image](https://roon-community-uploads.s3.amazonaws.com/original/3X/3/a/3afd9e8ce695d3097ec8af37a82b9faa59e9587a.png) ![image](https://roon-community-uploads.s3.amazonaws.com/original/3X/d/d/dd11c050d652e26d6e6da43402f779dda9c10739.png) ---
**Author:** ![DaveN](https://community.roonlabs.com/user_avatar/community.roonlabs.com/daven/32/233215_2.png) [@DaveN](https://community.roonlabs.com/u/DaveN)\ **Post date:** [February 12, 2021, 6:14pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/104 "2021-02-12T18:14:23Z")
Yep, I like that. Thanks for the suggestion - it’s an accent colour I wouldn’t have thought of. ![Screen Shot 2021-02-12 at 18.13.26](https://roon-community-uploads.s3.amazonaws.com/original/3X/4/d/4d621fa6dc94ccbbe5bd6b2b41bfb8b34c65356e.jpeg) ---
**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 12, 2021, 6:14pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/105 "2021-02-12T18:14:30Z")
Nope. That’s for the main menu panel. ---
**Author:** ![anon73739233](https://community.roonlabs.com/letter_avatar/anon73739233/32/5_5575768a8748004e209b776fc1b2916d.png) [@anon73739233](https://community.roonlabs.com/u/anon73739233)\ **Post date:** [February 12, 2021, 6:16pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/106 "2021-02-12T18:16:28Z")
With iOS you won’t be able to modify the colours, you also have to change this on all your endpoints, and in MacOS (not sure about Windows) you can corrupt the app file by modifying the contents. Be neat if one day the theme files migrated to the core - and then all endpoints used them, including mobile. ---
**Author:** ![anon73739233](https://community.roonlabs.com/letter_avatar/anon73739233/32/5_5575768a8748004e209b776fc1b2916d.png) [@anon73739233](https://community.roonlabs.com/u/anon73739233)\ **Post date:** [February 12, 2021, 6:17pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/107 "2021-02-12T18:17:51Z")
Nice… a bit like sepia which is supposed to be easy on the eyes. ---
**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 12, 2021, 6:25pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/108 "2021-02-12T18:25:16Z")
What’s the code for main colour, please ? 🙂 ---
**Author:** ![DaveN](https://community.roonlabs.com/user_avatar/community.roonlabs.com/daven/32/233215_2.png) [@DaveN](https://community.roonlabs.com/u/DaveN)\ **Post date:** [February 12, 2021, 6:27pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/109 "2021-02-12T18:27:18Z")
All credit to @Charles_Peterson for this one 🙂 ---
**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 12, 2021, 6:27pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/110 "2021-02-12T18:27:19Z")
On my 27" NEC: (others were on a 13" MB Air). Almost there. Simple and boring, but I like simple and boring. Now to do something about all that negative space but that’s in Roon’s hands. ![Screen Shot 2021-02-12 at 10.23.46 AM](https://roon-community-uploads.s3.amazonaws.com/original/3X/f/1/f1e63bd90cd3c89a38b447230026a4ad8b2e29aa.jpeg) ---
**Author:** ![anon73739233](https://community.roonlabs.com/letter_avatar/anon73739233/32/5_5575768a8748004e209b776fc1b2916d.png) [@anon73739233](https://community.roonlabs.com/u/anon73739233)\ **Post date:** [February 12, 2021, 6:34pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/111 "2021-02-12T18:34:18Z")
Noooooooooo… I like the negative space. I find it quite positive 😄 1.7 reminded me of a junk (ok so they call themselves antique) store. Claustrophobic ---
**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 12, 2021, 6:36pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/112 "2021-02-12T18:36:06Z")
Atom-background. Atom classical-background is for classical albums and bios. ---
**Author:** ![Thg6276](https://community.roonlabs.com/letter_avatar/thg6276/32/5_5575768a8748004e209b776fc1b2916d.png) [@Thg6276](https://community.roonlabs.com/u/Thg6276)\ **Post date:** [February 12, 2021, 6:36pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/113 "2021-02-12T18:36:25Z")
Do you have the color code for this theme please ? ---
**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 12, 2021, 6:38pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/114 "2021-02-12T18:38:34Z")
Just found it one and half sec ago 🙂🤝 ---
**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 12, 2021, 6:38pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/115 "2021-02-12T18:38:44Z")
I can almost read it now without stabbing a knife into my head; somebody needs to understand tabs and breaks though. ![Screen Shot 2021-02-12 at 10.37.02 AM](https://roon-community-uploads.s3.amazonaws.com/original/3X/3/6/36cb8b693ec1ec0f273f08f6187e2302c7ed27f0.jpeg) ---
**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 12, 2021, 6:39pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/116 "2021-02-12T18:39:31Z")
Everything you need is here. [https://www.color-hex.com/color-names.html](https://www.color-hex.com/color-names.html) ---
**Author:** ![DaveN](https://community.roonlabs.com/user_avatar/community.roonlabs.com/daven/32/233215_2.png) [@DaveN](https://community.roonlabs.com/u/DaveN)\ **Post date:** [February 12, 2021, 6:42pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/117 "2021-02-12T18:42:40Z")
Here you go. Enjoy. // =================================================== // Theme Colors // =================================================== atom-background #1E1E1E atom-background-fade #181818 atom-black-fade #181818 atom-separator-light #777777 atom-separator-heavy #A2A2A2 atom-classical-background #252525 atom-grey4 #ffffff atom-grey4-hover #ffffff atom-grey4-insensitive #10%ffffff atom-grey4-marked #72%ffffff atom-grey4-secondary #A8A8A8 atom-grey3 #FFFFFF atom-grey3-hover #C2C2C2 atom-grey3-insensitive #20%C5C5C5 atom-grey3-marked #C5C5C5 atom-grey2 #4C4C4C atom-grey2-hover #666666 atom-grey2-pressed #4D4D4D atom-grey2-insensitive #3C3C3C atom-grey1 #1E1E1E atom-grey1-hover #2D2C2C atom-grey1-insensitive #ACACAC atom-grey1-marked #85%1E1E1E atom-grey #3C3C3F atom-grey-mapping #BBBBBB atom-genre-mapping #ADADAD atom-blue #C1B18D atom-blue-hover #3C3C3C atom-blue-pressed #AAAAAA atom-blue-insensitive #444444 atom-blue-mapping #555555 atom-onebox-blue #4C4C4C atom-orange #777777 atom-orange-hover #333333 atom-orange-insensitive #CCCCCC atom-orange-mapping #AAAAAA atom-green #00E639 atom-green-hover #4CAFA3 atom-green-insensitive #295E57 atom-red #AAAAAA atom-red-hover #BBBBBB atom-red-insensitive #888888 atom-selectable-blue #333333 atom-selectable-blue-hover #444444 atom-selectable-blue-checked #555555 atom-selectable #333333 atom-selectable-hover #393939 atom-selectable-checked #1F1F1F atom-selectable-insensitive #1F1F1F atom-bluebg-noalpha #333333 atom-bluebg #333333 atom-bluebg-hover #404040 atom-bluebg-pressed #404040 atom-bluebg-insensitive #333333 atom-footer #242424 atom-classical-footer #2B2B2B atom-zebra-stripe #282828 atom-panel #242424 atom-classical-panel #2C2B2B atom-popup #262626 atom-border #424242 atom-graph-1 #C1B18D atom-graph-2 #998c70 atom-graph-3 #80755d atom-graph-4 #665e4b atom-graph-5 #4d4638 atom-graph-6 #333029 // =================================================== // not theme colors. these should not change // =================================================== atom-white #ffffff atom-white-hover #ffffff atom-white-insensitive #05%ffffff atom-white-marked #72%ffffff atom-white-button-hover #22%ffffff atom-white-button #12%ffffff atom-black #000000 atom-black-hover #2D2C2C atom-black-insensitive #ACACAC atom-black-marked #85%2C2C2C atom-waveform #777777 atom-fade #1E1E1E atom-highlight #999999 atom-yellow #CCCCCC // =================================================== // used by dynamiclist scrollbar in 3/2020, before changes in master. Question for brian2: are these colors correct for the new dynamiclist? // =================================================== atom-purple #999999 atom-purple-hover #777777 atom-purple-pressed #555555 // =================================================== // brand colors // =================================================== dropbox-color #ffffff facebook-color #555555 twitter-color #BBBBBB // =================================================== // BACKGROUND & DIM LAYERS // =================================================== feedbackpanel #000000 dimlayer #70%000000 ---
**Author:** ![Enrico\_Castagnetti](https://community.roonlabs.com/user_avatar/community.roonlabs.com/enrico_castagnetti/32/140121_2.png) [@Enrico\_Castagnetti](https://community.roonlabs.com/u/Enrico_Castagnetti)\ **Post date:** [February 12, 2021, 6:50pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/118 "2021-02-12T18:50:53Z")
David, which theme is that one you just posted? ---
**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 12, 2021, 6:51pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/119 "2021-02-12T18:51:30Z")
Okay, pretty much have it where I like it now. Dimmed the gray background a just a wee bit more and went back to a slightly darker gray to differentiate the panels. ![Screen Shot 2021-02-12 at 10.48.30 AM](https://roon-community-uploads.s3.amazonaws.com/original/3X/f/1/f1820e3b1006854677dcef199259adfe93b2d985.jpeg) ---
**Author:** ![DaveN](https://community.roonlabs.com/user_avatar/community.roonlabs.com/daven/32/233215_2.png) [@DaveN](https://community.roonlabs.com/u/DaveN)\ **Post date:** [February 12, 2021, 6:55pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/120 "2021-02-12T18:55:43Z")
Sorry it wasn’t clear - this one … ![Screen Shot 2021-02-12 at 18.53.53](https://roon-community-uploads.s3.amazonaws.com/original/3X/0/5/0511909e191509216c3f287eeb00dc96ae34c9ef.jpeg) ![Screen Shot 2021-02-12 at 18.54.15](https://roon-community-uploads.s3.amazonaws.com/original/3X/f/9/f9146243b53d4808ee5fceb4ecb1acda12727cce.jpeg) ---
**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 12, 2021, 6:59pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/121 "2021-02-12T18:59:11Z")
Called it… “Suprize Theme”. Different colours in different situation, of course to be defined. ![image](https://roon-community-uploads.s3.amazonaws.com/original/3X/6/f/6fadeac5b5e050af63fe3bb14a9d76f9a6e960d7.jpeg) ![image](https://roon-community-uploads.s3.amazonaws.com/original/3X/c/5/c57663cecc45dba92e804fc6a2f5808f35797b4c.png) ---
**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 12, 2021, 7:34pm UTC](https://community.roonlabs.com/t/customizing-the-roon-theme/142548/122 "2021-02-12T19:34:01Z")
![image](https://roon-community-uploads.s3.amazonaws.com/original/3X/7/a/7a5227989d9fe8d506068b37e56e4c503d3f8883.jpeg) ![image](https://roon-community-uploads.s3.amazonaws.com/original/3X/0/2/02aeaf0c35e0cf122438ec9dbf2e8ee88df8c3d9.png) [Previous page](https://community.roonlabs.com/t/customizing-the-roon-theme/142548.md?page=5) [Next page](https://community.roonlabs.com/t/customizing-the-roon-theme/142548.md?page=7)