Customizing the Roon theme

Thank you!!

Here ya go:

And yeah I knew about the updated theme generator but I was asking since I use dark themes.

Thanks again David

The following should work, but let me know if you run into any problems:

// ===================================================
// Firebrick Dark
// ===================================================
// Accent colours
// ===================================================

atom-blue #b21122 // Play buttons, hypertext, version icon, hearts, recent listening bars, Qobuz play button, waveform
atom-blue-hover #3C3C3C
atom-blue-pressed #AAAAAA
atom-blue-insensitive #444444
atom-blue-background-blur #444444
atom-purple-mapping #888888
atom-graph-1 #b21122
atom-graph-2 #C0C0C0
atom-graph-3 #9A9A9A
atom-graph-4 #707070
atom-graph-5 #505050
atom-graph-6 #353535

// ===================================================
// Monochrome settings for the remainder of the theme
// ===================================================

atom-background #1E1E1E // Main background colour
atom-background-fade #181818 // ?
atom-black-fade #181818 // ?
atom-separator-light #404040 // this separator on various pages
atom-separator-heavy #929292 // ?
atom-classical-background #252525 // Classical background colour

atom-grey4 #FFFFFF // Text (most of it)
atom-grey4-hover #ffffff
atom-grey4-insensitive #10%ffffff
atom-grey4-marked #72%ffffff
atom-grey4-secondary #A8A8A8

atom-grey3 #b21122 // Text (play count)
atom-grey3-hover #C2C2C2
atom-grey3-insensitive #20%C5C5C5
atom-grey3-marked #C5C5C5

atom-grey2 #4C4C4C // Active buttons
atom-grey2-hover #666666
atom-grey2-pressed #4D4D4D
atom-grey2-insensitive #3C3C3C

atom-grey1 #1E1E1E // ?
atom-grey1-hover #2C2C2C
atom-grey1-insensitive #ACACAC
atom-grey1-marked #85%1E1E1E

atom-grey #3C3C3C // Tint for text ‘Collaborators’, ‘Groups formed in’, ‘If you like’ (boxes)
atom-grey-mapping #BBBBBB // Tint/overlay for images on above

atom-genre-mapping #ADADAD // Genres overlay tint

atom-blue-mapping #555555 // Explore artist image tint/overlay
atom-onebox-blue #494949 // Recent activity, discover, recommended albums (on artist page), in their prime, influences (boxes)

atom-orange #777777 // Performing the music of, recommend albums box (on album page)
atom-orange-hover #333333
atom-orange-insensitive #CCCCCC
atom-orange-mapping #AAAAAA

atom-green #00E639 // Signal path ‘high quality’ indicator
atom-green-hover #4CAFA3
atom-green-insensitive #295E57

atom-red #b21122 // waveform progress bar
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 #282828 // ?
atom-bluebg #2A2A2A // Top 4 boxes on home page, new releases, ‘listening’ box
atom-bluebg-hover #b21122
atom-bluebg-pressed #383838
atom-bluebg-insensitive #282828

atom-footer #2A2A2A // footer at bottom of page
atom-classical-footer #2A2A2A // footer at bottom of page for classical
atom-zebra-stripe #1E1E1E // place marker beneath albums while loading?
atom-panel #333333 // Settings Panel
atom-classical-panel #333333 // Settings Panel for classical
atom-popup #262626 // Pop up menu (eg 3 dots menu)
atom-border #424242 // ?

atom-white #ffffff // Progress overlay on waveform
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 #1E1E1E // Collaboration, live etc (small circle on album)
atom-black-hover #2D2C2C
atom-black-insensitive #ACACAC
atom-black-marked #85%FFFFFF // Collaboration, live etc (info on circle)
atom-waveform #777777 // ?
atom-fade #1E1E1E // ?
atom-highlight #999999 // ?
atom-yellow #CCCCCC // ?

atom-purple #999999 // ?
atom-purple-hover #777777
atom-purple-pressed #555555

dropbox-color #ffffff
facebook-color #555555
twitter-color #BBBBBB

feedbackpanel #000000 // ?
dimlayer #70%000000 // layer to dim out background when dialog on screen
album-dimlayer #70%000000