UPDATE
The original theme generator has now been updated, link below.
Original Post below
I had a couple of spare hours today so thought I’d see what I could do to make the process of editing and creating themes a bit easier. The net result is a google sheet (see below) that simply requires you to come up with the hex codes for seven different colours: a background colour, and six accent colours, pretty much like the following:
These are the colours I used for the ‘Roon’s a Beach’ theme I posted recently …
If you’d like to try out the spreadsheet you can access it below.
All you need to do is …
- Click the link and make copy of the spreadsheet. I’m pretty sure I’ve set it up so you can only view it rather than edit it, but haven’t checked. Either way, create your own copy before editing.
- Edit the hex values in cells C2 to I2. Don’t try to edit the square boxes with colour, just the hex codes below them. Also, make sure you retain the ‘#’ symbol and don’t edit any other cells (unless you’re confident you know what you’re doing). Making changes to cells other than C2 to I2 may result in you creating data that won’t work or will crash Roon.
- Once you’re happy with your colours, copy the data in the first column (cells A2 to A103).
- Create a new ‘colors’ file, or edit an existing one (remembering to back up first) and paste in the data you copied in the previous step.
- Load up Roon, select your new theme, and you should be good to go.
If you’re not familiar with how to edit a theme, take a look at the first post in this thread for further details.
My limited testing suggests that the above should work, but don’t blame me if you break something.
Tips
- Cell C2 sets the colour for the main play button on the album page (and other elements).
- Cell G2 sets the footer (and other elements).
- Cell E2 sets the sidebar (and, yes, other elements).
- Cell F2 is the background colour.
- For a more subtle effect, based around one accent colour rather than two, try something like the following:
Limitations
- The theme generator was designed to create a light theme based on a background colour and two complementary accent colours, each split into three different tones (light, medium, darker). It will still work if you use seven completely different colours, or four, or however many, but don’t blame me if it looks rubbish when you’re finished. And, just to repeat, if you break anything in your Roon installation it’s on you.
- It appears that this spreadsheet doesn’t display the colours when opened in Excel. Stick with Google Sheets.
- The theme generator doesn’t distinguish between normal and classical - so no changes between the two.
- I’ve added colour to all the elements I can find, but may have missed some. Let me know if you come across anything unexpected.
- My screenshots show a change in font. This theme generator just changes the colour scheme. Font changing is a whole other thing
Have fun, let me know if you use it, and post screenshots of your results, either below or in the Showcase your 1.8 themes thread.
Here’s a quick visual preview of the spreadsheet: theme colours at the top, output data in the leftmost column, and a breakdown of each ‘atom’ (with notes) in the middle.
