Author Topic: Chameleon DNA & Cheetah DNA (skin creation tools)  (Read 11509 times)

hiccup

  • Sr. Member
  • ****
  • Posts: 7785
What's this?
It is a fully functioning skin, but with a special feature.

It is intended to be helpful in creating a MusicBee skin.
Both for experienced skinners, and for users that want to take their first shot at designing their own skin.

Usually skinning is a bit of a masochistic endeavour.
Ploughing through up to 400 lines of elements, each containing variations of bg, fg and bdr attributes is not always fun.
And it's not always obvious where and how the element in question will show up exactly.

For this skin I have looked at what elements could be 'partnered together', and created single variables for them.
Each variable only has one rgb value that you need to set.

So when opening the .xml with an editor to edit it, instead of the need to sift through some 400 lines containing more than 800 rgb values, you only need to edit some 130 lines containing one single rgb value.

If you open the xml file, somewhere at the beginning you will see a list of designated skinning variables under <variables>
Each of these variables controls one or more elements that exist under <colours>.

In principle you only need to edit these variables, and simply ignore all elements under <colours>.
That (in general) will give pretty good results already.
In many cases probably even better compared to creating a skin by editing every single element and rgb attribute manually.

If the results after having set all variable values are not completely satisfactory for some specific skin elements, or if you e.g. would like to add gradients to some elements, next you can also edit the elements under the <colours> tree. Just as you would do in a 'normal' xml skin file.
Then just replace the variable names following the original element name to the desired rgb value. (replace the variable name right after bg=, fg= etc.)


download Chameleon DNA






Chameleon DNA also has a faster friend.
See the next post to read about him.
Last Edit: June 11, 2022, 10:10:03 AM by hiccup

hiccup

  • Sr. Member
  • ****
  • Posts: 7785
Cheetah DNA



download Cheetah DNA

It's a faster but leaner version of Chameleon DNA.
Only 32 colour elements need to be set to create a new skin.

It doesn't have variables for all the different MusicBee panels such as Chameleon has them, but has partnered all panels together as one single 'Panels'.
This makes creating a more uniform looking skin very easy, and after mastering how it works it should be possible to create a new and good looking skin in some 10-15 minutes.

Same as Chameleon DNA, you should get already very decent results by only editing the values under <variables>.
If after that you want to make further tweaks and refinements such as colouring specific panels, adding gradients, etc. you can drill-down to the <colours> section and make further changes there by replacing the variable names right after 'bg=, fg= bdr=' with rgb values of your choice.

(for that, the Sample Skin is a useful tool to find the specific skinning elements)


- - -

Here are two other examples of skins that were created using Cheetah DNA by only editing the <variables> section:
(but also creating base64 images for the borders)


Cheetah in the Forest



download Cheetah in the Forest


- - -


Cheetah in the Desert



download Cheetah in the Desert


- - -


Tip:
You can also use the piggyback skin feature on both these DNA skins.
So if you have a bitmapped xmlc skin of which you like the player panel, you can use these skins to alter the rest of it's appearance.
All you have to do is change the second line in the skin that says <root>, to <root dependsOn="SourceSkinName.xmlc">



Then copy your piggyback skin to the same folder as where the source xmlc skin resides.
Be sure to give the piggyback skin a unique name and then select that one as the skin to use in MB.
Last Edit: August 27, 2023, 09:59:51 PM by hiccup

psychoadept

  • Global Moderator
  • Sr. Member
  • *****
  • Posts: 10691
Nice work!
MusicBee Wiki
Use & improve MusicBee's documentation!

Latest beta patch (3.5)
(Unzip and overwrite existing program files)

hiccup

  • Sr. Member
  • ****
  • Posts: 7785
Thanks. I must say it turned out nicer and more interesting than I had guessed when I started this endeavour. (some years ago)

hiccup

  • Sr. Member
  • ****
  • Posts: 7785
updated Chameleon DNA

- added alternate lines
- added panel borders
- some minor reordering and renaming of stuff


added Cheetah DNA

- see post #2
 



hiccup

  • Sr. Member
  • ****
  • Posts: 7785
It looks like the Dropbox service was not running on my computer yesterday, so if you downloaded this skin yesterday it was still the old version.
It's now updated for sure.

bvarn

  • Newbie
  • *
  • Posts: 5
Thanks so much for this, it's really helpful!

The one thing I can't figure out is how to change the application title bar color / dialog box title bar color. I've tried in both Chameleon and Cheetah.





There's also the Device Synchronization Delete Files text that's black. It's the only instance I've found so far and it's not a big deal because I know what it says, but if you know where to change it (or if that can't be changed, maybe the background?) I'd appreciate it.

Edit: Disregard. I found another thread where you go into more detail about that being in the "images" section. Thanks!
Last Edit: January 05, 2024, 06:28:50 PM by bvarn

hiccup

  • Sr. Member
  • ****
  • Posts: 7785
Thanks for reporting bvarn
That black text has been fixed now. (same download link as in the startpost)

Chainsaw Mullet

  • Newbie
  • *
  • Posts: 1
hiccup, this is fantastic. Took me maybe 10 minutes to get a working Gruvbox skin using Cheetah DNA.

Edit: An hour for a Chameleon version. Not perfect since I missed a white element somewhere, but pretty comfy with it. Nord and Everforest in the future. This is a wonderful way to tackle skinning.

Code
<?xml version="1.0" encoding="utf-8"?>
<root>

<!--  Chameleon Gruvbox 1.0 by Chainsaw Mullet. Big thanks to hiccup.  -->
<!--  Please leave these comments in:  -->
<!--  Chameleon DNA v1.3 by hiccup  -->
<!--  Feel free to edit this skin and publish your results in any shape or form. It's one of the reasons for creating and sharing this skin  -->
<!--  If you create and publish a bitmap (xmlc) skin using this skin as a template, please also add your xml file to the download, so others may learn and benefit too  -->
<!--  MusicBee's forum topic on this skin: https://rebrand.ly/Chameleon_and_Cheetah_dna_forum  -->

<variables>

Mainpanel_Headerbar_bg="60,56,54"
Mainpanel_Headerbar_fg="235,219,178"
Mainpanel_Headerbar_Highlight_fg="235,219,178"
Mainpanel_Headerbar_Disabled_fg="57,72,85"
Mainpanel_Headerbar_Lowlight_bg="50,48,47"
Mainpanel_Headerbar_Lowlight_fg="235,219,178"
Mainpanel_Headerbar_Buttons_bg="50,65,79"
Mainpanel_Headerbar_Buttons_Highlight_bg="215,153,33"
Mainpanel_Headerbar_Line="60,56,54"

Panels_PanelDividers="60,56,54"

Tabsbar_bg="29,32,33"
Tabsbar_fg_High="215,153,33"
Tabsbar_fg_Medium="213,196,161"
Tabsbar_fg_Low="189,174,147"
Tabsbar_UpperTextTabs_bg="50,48,47"

LeftSidebar_bg="40,40,40"
LeftSidebar_fg="235,219,178"
LeftSidebar_Lowlight_fg="160,160,160"
LeftSidebar_Headerbar_bg="60,56,54"
LeftSidebar_Node_bg="50,48,47"
LeftSidebar_Node_fg="215,153,33"

LeftSidebar_Scrollbar_Lowlight="60,56,54"
LeftSidebar_Scrollbar_Highlight="214,93,14"

ThumbnailBrowser_bg="29,32,33"
ThumbnailBrowser_fg="235,219,178"
ThumbnailBrowser_Line_Lowlight_bg="50,48,47"
ThumbnailBrowser_Line_Lowlight_fg="215,153,33"
ThumbnailBrowser_Line_Alternate="40,40,40"
ThumbnailBrowser_Thumbnail="215,153,33"

ThumbnailBrowser_Scrollbar_Lowlight="60,56,54"
ThumbnailBrowser_Scrollbar_Highlight="214,93,14"

ColumnBrowser_bg="29,32,33"
ColumnBrowser_fg="235,219,178"
ColumnBrowser_Headerbar_bg="60,56,54"
ColumnBrowser_Headerbar_fg="235,219,178"
ColumnBrowser_Line_Highlight_bg="50,48,47"
ColumnBrowser_Line_Highlight_fg="235,219,178"
ColumnBrowser_Line_Lowlight_bg="50,48,47"
ColumnBrowser_Line_Lowlight_fg="235,219,178"
ColumnBrowser_Line_Alternate="251,73,52"

ColumnBrowser_Scrollbar_Lowlight="60,56,54"
ColumnBrowser_Scrollbar_Highlight="214,93,14"

MainPanel_Tracks_bg="50,48,47"
MainPanel_Tracks_fg="235,219,178"
MainPanel_Tracks_Headerbar_bg="60,56,54"
MainPanel_Tracks_Headerbar_fg="215,153,33"
MainPanel_Tracks_Headerbar_bdr="60,56,54"
MainPanel_Tracks_Header="213,196,161"
MainPanel_Tracks_Line_Highlight_bg="29,32,33"
MainPanel_Tracks_Line_Highlight_fg="214,93,14"
MainPanel_Tracks_Line_Lowlight_bg="29,32,33"
MainPanel_Tracks_Line_Lowlight_fg="214,93,14"
MainPanel_Tracks_Line_Disabled_fg="146,131,116"
MainPanel_Tracks_Line_Alternate="40,40,40"
MainPanel_Tracks_Splitterline="214,93,14"
MainPanel_Tracks_Separatorline="60,56,54"

MainPanel_Tracks_Scrollbar_Lowlight="60,56,54"
MainPanel_Tracks_Scrollbar_Highlight="214,93,14"

MainPanel_Albums_bg="29,32,33"
MainPanel_Albums_fg="235,219,178"
MainPanel_Albums_Splitterline="214,93,14"

MainPanel_Albums_Scrollbar_Lowlight="60,56,54"
MainPanel_Albums_Scrollbar_Highlight="214,93,14"

MainPanel_Rating_Tracks_Sel_Highlight="215,153,33"
MainPanel_Rating_Tracks_Sel_Lowlight="189,174,147"
MainPanel_Rating_Tracks_No_Highlight="40,40,40"
MainPanel_Rating_Albums_Lowlight="189,174,147"

PlayingTracksPanel_bg="40,40,40"
PlayingTracksPanel_fg="235,219,178"
PlayingTracksPanel_Headerbar_bg="12,47,42"
PlayingTracksPanel_Headerbar_fg="235,219,178"
PlayingTracksPanel_Splitterline="122,145,142"
PlayingTracksPanel_Line_Highlight_bg="50,48,47"
PlayingTracksPanel_Line_Highlight_fg="235,219,178"
PlayingTracksPanel_Line_Lowlight_bg="50,48,47"
PlayingTracksPanel_Line_Lowlight_fg="235,219,178"
PlayingTracksPanel_Line_Disabled_fg="77,109,105"
PlayingTracksPanel_Line_Alternate="251,73,52"

PlayingTracksPanel_Scrollbar_Lowlight="60,56,54"
PlayingTracksPanel_Scrollbar_Highlight="214,93,14"

Infopanels_bg="29,32,33"
Infopanels_fg="235,219,178"
Infopanels_Tracks_Headerbar_bg="60,56,54"
Infopanels_Tracks_Headerbar_fg="235,219,178"
Infopanels_Tracks_Headerbar_Selector_bg="29,32,33"
Infopanels_Tracks_Headerbar_Selector_fg="251,241,199"
Infopanels_Tracks_Headerbar_bdr="214,93,14"

Infopanels_Scrollbar_Lowlight="60,56,54"
Infopanels_Scrollbar_Highlight="214,93,14"

Infopanels_Visualisations_Low="211,134,155"
Infopanels_Visualisations_High="142,192,124"

LibraryExplorer_and_NowPlaying_bg="40,40,40"
LibraryExplorer_and_NowPlaying_fg="235,219,178"
LibraryExplorer_and_NowPlaying_Highlight_bg="254,128,25"
LibraryExplorer_and_NowPlaying_Highlight_fg="235,219,178"

LibraryExplorer_and_NowPlaying_Scrollbar_Lowlight="60,56,54"
LibraryExplorer_and_NowPlaying_Scrollbar_Highlight="214,93,14"

VertTagEditor_bg="60,56,54"
VertTagEditor_fg="235,219,178"

Playerpanel_Background_Default="29,32,33"
Playerpanel_Background_Middle="29,32,33"
Playerpanel_Text_Default="251,241,199"
Playerpanel_Text_Medium="235,219,178"
Playerpanel_Text_Low="189,174,147"
Playerpanel_Controls_Highlight="152,151,26"
Playerpanel_Controls_Default="235,219,178"
Playerpanel_Controls_Disabled="146,131,116"
Playerpanel_Element_High="251,241,199"
Playerpanel_Element_Medium="189,174,147"
Playerpanel_Element_Low="50,48,47"

Statusbar_bg="40,40,40"
Statusbar_fg="189,174,147"

ConfigPanels_bg="40,40,40"
ConfigPanels_fg="235,219,178"
ConfigPanels_Lowlight_fg="60,56,54"
ConfigPanels_Highlight_fg="251,241,199"
ConfigPanels_PanelsLayout_bg="60,56,54"
ConfigPanels_Input_bg="60,56,54"
ConfigPanels_Input_fg="235,219,178"
ConfigPanels_Input_Disabled_bg="29,32,33"
ConfigPanels_Input_Disabled_fg="102,92,84"
ConfigPanels_Input_Modified="152,151,26"
ConfigPanels_Splitterline="214,93,14"
ConfigPanels_Separatorline="60,56,54"
ConfigPanels_Buttons_bg="60,56,54"
ConfigPanels_Buttons_fg="235,219,178"
ConfigPanels_Buttons_Highlight_bg="50,48,47"
ConfigPanels_Buttons_Highlight_fg="251,241,199"

ConfigPanels_Scrollbar_Lowlight="60,56,54"
ConfigPanels_Scrollbar_Highlight="214,93,14"

LibraryIcons="69,133,136"

    Unknown="0,255,0"

</variables>

<colours id="Default">

 <element id="TitlebarActiveForeColour" bg="Mainpanel_Headerbar_fg" />
 <element id="TitlebarInactiveForeColour" bg="Mainpanel_Headerbar_fg" />

 <element id="ApplicationBackColour" bg="20,200,20" /> <!-- only displays if the "MainPanelMargin" elements have a value >0 -->
 <element id="WindowBackColour" bg="ConfigPanels_bg" />

 <element id="MenuButton.Default" bg="Mainpanel_Headerbar_bg" bg2="Mainpanel_Headerbar_bg" fg="Mainpanel_Headerbar_fg" bdr="Mainpanel_Headerbar_Disabled_fg" />
 <element id="MenuIcon" fg="Mainpanel_Headerbar_fg" />
 <element id="HeaderBar" bg="Mainpanel_Headerbar_bg" bg2="Mainpanel_Headerbar_bg" fg="Mainpanel_Headerbar_fg" bdr="Mainpanel_Headerbar_bg" />
 <element id="Menu.CommandButton.Selected" bg="ConfigPanels_Input_bg" fg="Unknown" bdr="ConfigPanels_bg" />

 <element id="Menu.DropDown.Default" bg="ConfigPanels_bg" fg="ConfigPanels_fg" bdr="ConfigPanels_bg" />
 <element id="Menu.DropDown.Highlight" bg="ConfigPanels_Input_bg" bdr="ConfigPanels_Splitterline" />
 <element id="Menu.DropDown.Disabled" fg="ConfigPanels_Input_Disabled_fg" />
 <element id="Menu.DropDown.HighlightText" fg="ConfigPanels_fg" />
 <element id="Menu.DropDownCheckBox.Default" bg="ConfigPanels_Input_Disabled_bg" />
 <element id="Menu.DropDownCheckBox.Highlight" bg="ConfigPanels_Input_Disabled_bg" />
 <element id="Menu.DropDownCheckBoxBorder.Default" bdr="ConfigPanels_Input_bg" />
 <element id="Menu.DropDownCheckBoxBorder.Highlight" bdr="ConfigPanels_Input_bg" />
 <element id="Menu.DropDownCheckBoxImage" fg="ConfigPanels_Input_fg" />
 <element id="Menu.DropDownMargin" bg="ConfigPanels_Input_bg" />
 <element id="Menu.DropDownSeparator" bg="ConfigPanels_Separatorline" />

 <element id="Menu.ParentItem.Highlight" bg="Mainpanel_Headerbar_Buttons_bg" fg="Mainpanel_Headerbar_fg" bdr="Mainpanel_Headerbar_bg" />
 <element id="Menu.ParentItem.Pressed" bg="ConfigPanels_Input_bg" fg="ConfigPanels_Input_fg" />

 <element id="MenuBar.Default" bg="Mainpanel_Headerbar_bg" fg="Mainpanel_Headerbar_Lowlight_fg" />

 <element id="MenuBarSeparator" bg="Unknown" />

 <element id="Menu.Header" bg="ConfigPanels_Input_bg" fg="ConfigPanels_Input_fg" />

 <element id="LibraryFilterTick" fg="LeftSidebar_fg" />

 <element id="CaptionBar.HeaderControl.Default" fg="Mainpanel_Headerbar_fg" />
 <element id="CaptionBar.HeaderControl.Disabled" fg="Mainpanel_Headerbar_Disabled_fg" />

 <element id="CaptionBar.CommandButtonOverride" bg="Mainpanel_Headerbar_Buttons_bg" fg="Mainpanel_Headerbar_fg" />
 <element id="CaptionBar.CommandIconOverride" fg="Mainpanel_Headerbar_fg" />

 <element id="CaptionBar.SearchBox.Default" bg="Mainpanel_Headerbar_Buttons_Highlight_bg" fg="Mainpanel_Headerbar_Highlight_fg" bdr="Mainpanel_Headerbar_Lowlight_fg" />
 <element id="CaptionBar.SearchBox.Lowlight" fg="Mainpanel_Headerbar_Lowlight_fg" />
 <element id="CaptionBar.SearchBox.NotActivated" bg="Mainpanel_Headerbar_Lowlight_bg" bdr="Mainpanel_Headerbar_Lowlight_bg" />

 <element id="PreferencesPanel.Default" bg="ConfigPanels_bg" bdr="ConfigPanels_bg" />

 <element id="InlineMenuBar.Default" fg="Mainpanel_Headerbar_Lowlight_fg" />
 <element id="InlineMenu.ParentItem.Highlight" bg="Mainpanel_Headerbar_Buttons_bg" fg="Mainpanel_Headerbar_Highlight_fg" bdr="Mainpanel_Headerbar_Buttons_bg" />
 <element id="InlineMenu.ParentItem.Pressed" bg="ConfigPanels_Input_bg" fg="ConfigPanels_Input_fg" />

 <element id="TagEditorPanel.Header" bg="ConfigPanels_bg" fg="ConfigPanels_fg" />
 <element id="TagEditorPanel.MenuLine" bg="ConfigPanels_Input_Disabled_bg" />
 <element id="TagEditorPanel.FaintLine" bg="ConfigPanels_Splitterline" />
 <element id="TagEditorWindowBackground" bg="ConfigPanels_bg" />

 <element id="VerticalTagEditor" bg="VertTagEditor_bg" fg="VertTagEditor_fg" />

 <element id="InputPanel.Default" bg="ConfigPanels_bg" fg="ConfigPanels_fg" bdr="ConfigPanels_bg" />
 <element id="InputPanel.Highlight" fg="ConfigPanels_fg" />

 <element id="AzBar.Default" fg="Mainpanel_Headerbar_fg" />
 <element id="AzBar.Lowlight" fg="Mainpanel_Headerbar_Lowlight" />

 <element id="Content[AlbumAndTracks].Header" fg="MainPanel_Tracks_Header" />
 <element id="Content[AlbumAndTracks].SubHeader" fg="MainPanel_Tracks_Header" />
 <element id="Content[AlbumAndTracks].ArtistSplitterLine" bg="MainPanel_Tracks_Splitterline" bg2="MainPanel_Tracks_Splitterline" />
 <element id="Content[AlbumAndTracks].ArtistSplitterLineLR" bg="MainPanel_Tracks_Splitterline" bg2="MainPanel_Tracks_Splitterline" />
 <element id="Content[AlbumAndTracks].ArtworkText" fg="MainPanel_Tracks_fg" />
 <element id="Content[AlbumAndTracks].ItemSeparatorLine" fg="MainPanel_Tracks_Separatorline" />
 <element id="Content[AlbumAndTracks].GridHeaderSplitterLine" bg="MainPanel_Tracks_Splitterline" />
 <element id="Content[AlbumAndTracks].GridTrackSplitterLine" bg="MainPanel_Tracks_Separatorline" />

 <element id="Content[Artwork].GroupingHeader" fg="MainPanel_Albums_fg" />
 <element id="Content[Artwork].SplitterLine" bg="MainPanel_Albums_Splitterline" bg2="MainPanel_Albums_Splitterline" />
 <element id="Content[Artwork].Body.Default" bg="MainPanel_Albums_bg" fg="MainPanel_Albums_fg" />
 <element id="Content[Artwork].Body.Highlight" bg="MainPanel_Albums_fg" />
 <element id="Content[Artwork].Body.Lowlight" bg="MainPanel_Albums_Scrollbar_Lowlight" />
 <element id="Content[Artwork].ArtworkText" bg="MainPanel_Rating_Albums_Lowlight" fg="MainPanel_Albums_fg" />
 <element id="Content[Artwork].HeaderControl.Default" bg="ConfigPanels_fg" bg2="ConfigPanels_fg" fg="ConfigPanels_Splitterline" bdr="ConfigPanels_bg" />
 <element id="Content[Artwork].ScrollBarBackground" bg="MainPanel_Albums_bg" bg2="MainPanel_Albums_bg" />
 <element id="Content[Artwork].ScrollBar" bg="MainPanel_Albums_Scrollbar_Highlight" bg2="MainPanel_Albums_Scrollbar_Highlight" bdr="MainPanel_Albums_Scrollbar_Highlight" />
 <element id="Content[Artwork].ScrollBar.Lowlight" bg="MainPanel_Albums_Scrollbar_Lowlight" bdr="MainPanel_Albums_bg" />
 <element id="Content[Artwork].ScrollBarThumb" bg="MainPanel_Albums_bg" bg2="MainPanel_Albums_bg" fg="MainPanel_Albums_Scrollbar_Lowlight" bdr="MainPanel_Albums_bg" />

 <element id="Content[Artwork].Expanded" bg="MainPanel_Rating_Albums_Lowlight" fg="MainPanel_Albums_fg" fg2="MainPanel_Albums_fg" />
 <element id="Content[Artwork].Expanded.Highlight" bg="MainPanel_Albums_bg" fg="MainPanel_Rating_Tracks_Sel_Highlight" />
 <element id="Content[Artwork].Expanded.Lowlight" bg="MainPanel_Albums_bg" fg="MainPanel_Albums_fg" />
 <element id="Content[Artwork].GroupingHeaderFile" bg="MainPanel_Rating_Albums_Lowlight" fg="MainPanel_Albums_Splitterline" />

 <element id="Content[TrackDetail].Body.Default" bg="MainPanel_Tracks_bg" fg="MainPanel_Tracks_fg" bdr="Panels_PanelDividers" />
 <element id="Content[TrackDetail].ListAlternating.Default" bg="MainPanel_Tracks_Line_Alternate" fg="MainPanel_Tracks_fg" />
 <element id="Content[TrackDetail].Body.Highlight" bg="MainPanel_Tracks_Line_Highlight_bg" fg="MainPanel_Tracks_Line_Highlight_fg" bdr="MainPanel_Tracks_bg" />
 <element id="Content[TrackDetail].Body.Lowlight" bg="MainPanel_Tracks_Line_Lowlight_bg" fg="MainPanel_Tracks_Line_Lowlight_fg" bdr="MainPanel_Tracks_bg" />
 <element id="Content[TrackDetail].Body.Disabled" fg="MainPanel_Tracks_Line_Disabled_fg" />
 <element id="Content[TrackDetail].ListAlternating.Disabled" fg="MainPanel_Tracks_Line_Disabled_fg" />
 <element id="Content[TrackDetail].Body.ListHeader" bg="MainPanel_Tracks_Headerbar_bg" bg2="MainPanel_Tracks_Headerbar_bg" fg="MainPanel_Tracks_Headerbar_fg" bdr="MainPanel_Tracks_bg" />
 <element id="Content[TrackDetail].ItemSeparatorLine" fg="MainPanel_Tracks_Separatorline" />
 <element id="Content[TrackDetail].Header" fg="MainPanel_Tracks_Header" />
 <element id="Content[TrackDetail].HeaderLine" bg="MainPanel_Tracks_Splitterline" bg2="MainPanel_Tracks_Splitterline" />

 <element id="Controls.AlbumThumb" fg="ThumbnailBrowser_Thumbnail" />
 <element id="Controls.GenreThumb" fg="ThumbnailBrowser_Thumbnail" />
 
 <element id="Controls.ArtworkFrame" bdr="0,20,200,20" />

 <element id="Controls.Button.Default" bg="ConfigPanels_Buttons_bg" bg2="ConfigPanels_Buttons_bg" fg="ConfigPanels_Buttons_fg" fg2="ConfigPanels_bg" bdr="ConfigPanels_bg" />
 <element id="Controls.Button.Highlight" bg="ConfigPanels_Buttons_Highlight_bg" fg="ConfigPanels_Buttons_Highlight_fg" bdr="ConfigPanels_bg" />
 <element id="Controls.Button.Disabled" bg="ConfigPanels_Input_Disabled_bg" fg="ConfigPanels_Input_Disabled_fg" bdr="ConfigPanels_Input_Disabled_bg" />

 <element id="Controls.Arrow.Default" fg="ConfigPanels_fg" />
 <element id="Controls.Arrow.Highlight" fg="ConfigPanels_Highlight_fg" />

 <element id="Controls.Counter" bg="LeftSidebar_Node_bg" fg="LeftSidebar_Lowlight_fg" />
 <element id="Controls.DropdownButton.Default" bg="ConfigPanels_Input_bg" bg2="ConfigPanels_Input_bg" fg="ConfigPanels_Input_fg" bdr="ConfigPanels_Input_bg" />
 <element id="Controls.DropdownButton.Disabled" bg="ConfigPanels_Input_Disabled_bg" bg2="ConfigPanels_Input_Disabled_bg" fg="ConfigPanels_Input_Disabled_bg" bdr="ConfigPanels_Input_Disabled_bg" />
 <element id="Controls.FaintLine" bg="ConfigPanels_Splitterline" />

 <element id="Controls.PanelLayoutArea" bg="ConfigPanels_PanelsLayout_bg" />

 <element id="Controls.DropAreaIndicator" fg="ConfigPanels_fg" />
 <element id="Controls.DropRowIndicator" fg="ConfigPanels_fg" />
 <element id="Controls.LargeTickBoxFill" bg="ConfigPanels_Input_bg" bdr="ConfigPanels_Separatorline" />

 <element id="Controls.SubscriptionCounter" bg="ThumbnailBrowser_Line_Lowlight_bg" fg="ThumbnailBrowser_fg" />
 <element id="Controls.EpisodeNotPlayed" bg="ThumbnailBrowser_fg" />
 <element id="Controls.EpisodeDownloading" fg="ThumbnailBrowser_fg" />

 <element id="Controls.InputControl.Default" bg="ConfigPanels_Input_bg" fg="ConfigPanels_Input_fg" bdr="ConfigPanels_bg" />
 <element id="Controls.InputControl.Highlight" bg="ConfigPanels_Input_Disabled_bg" fg="ConfigPanels_Input_fg" bdr="ConfigPanels_Input_Disabled_bg" />
 <element id="Controls.InputControl.Disabled" bg="ConfigPanels_Input_Disabled_bg" fg="ConfigPanels_Input_Disabled_fg" bdr="ConfigPanels_bg" />
 <element id="Controls.InputControl.Lowlight" bg="ConfigPanels_Input_Disabled_bg" fg="ConfigPanels_Input_fg" bdr="ConfigPanels_Input_bg" />
 <element id="Controls.InputControl.Modified" fg="ConfigPanels_Input_Modified" />

 <element id="Controls.ListHeader" bg="ConfigPanels_bg" bg2="ConfigPanels_bg" fg="ConfigPanels_fg"  />

 <element id="Controls.RadioButton.Default" bg="ConfigPanels_Input_fg" />
 <element id="Controls.RadioButton.Disabled" bg="ConfigPanels_Input_Disabled_fg" />

 <element id="Controls.ScrollBarBackground.Default" bg="ConfigPanels_Input_bg" bg2="ConfigPanels_Input_bg" />
 <element id="Controls.ScrollBar.Default" bg="ConfigPanels_Scrollbar_Highlight" bg2="ConfigPanels_Scrollbar_Highlight" />
 <element id="Controls.ScrollBar.Lowlight" bg="ConfigPanels_Scrollbar_Lowlight" />
 <element id="Controls.ScrollBarThumb.Default" bg="ConfigPanels_Input_bg" bg2="ConfigPanels_Input_bg" fg="ConfigPanels_Scrollbar_Lowlight" bdr="ConfigPanels_Input_bg" />
 
 <element id="Controls.SearchBox.Default" bg="Mainpanel_Headerbar_Lowlight_bg" fg="Mainpanel_Headerbar_fg" />
 <element id="Controls.SearchBox.Lowlight" bg="Unknown" fg="Mainpanel_Headerbar_Lowlight_fg" />
 <element id="Controls.SearchBoxSplitter" bg="Mainpanel_Headerbar_Lowlight_fg" />
 
 <element id="Panel.SearchBox.NotActivated" bg="Mainpanel_Headerbar_Lowlight_bg" bg2="Mainpanel_Headerbar_Lowlight_bg" bdr="Mainpanel_Headerbar_bg" />
 <element id="Panel.SearchBox" bdr="Mainpanel_Headerbar_Lowlight_fg" />

 <element id="Controls.FindButton.Default" bg="PlayingTracksPanel_bg" fg="PlayingTracksPanel_Line_Highlight_fg" />

 <element id="Controls.SliderButton.Default" bg="ConfigPanels_fg" bdr="ConfigPanels_bg" />
 <element id="Controls.SliderButton.Disabled" bg="ConfigPanels_Input_Disabled_fg" bdr="ConfigPanels_bg" />
 <element id="Controls.SliderBar.Default" fg="ConfigPanels_Splitterline" />
 <element id="Controls.SliderBar.Disabled" fg="ConfigPanels_Input_Disabled_bg" />

 <element id="Controls.StarRating.Default" bg="ConfigPanels_Input_bg" fg="ConfigPanels_Input_fg" fg2="ConfigPanels_Input_Disabled_bg" bdr="ConfigPanels_bg" />

 <element id="Controls.TabHeader.Default" bg="ConfigPanels_bg" fg="ConfigPanels_Lowlight_fg" bdr="Unknown" />
 <element id="Controls.TabHeader.Highlight" bg="ConfigPanels_Input_bg" fg="ConfigPanels_Highlight_fg" />
 <element id="Controls.TabHeader.Lowlight" bg="Unknown" />
 <element id="Controls.TabHeader.Inactive" bdr="ConfigPanels_bg" />

 <element id="Controls.VerticalMenu.Default" bg="ConfigPanels_bg" fg="ConfigPanels_fg" bdr="ConfigPanels_Separatorline" />
 <element id="Controls.VerticalMenu.Highlight" bg="ConfigPanels_Buttons_bg" fg="ConfigPanels_Buttons_fg" />
 <element id="Controls.VerticalMenu.Lowlight" bg="ConfigPanels_Buttons_bg" fg="ConfigPanels_Buttons_fg" />

 <element id="Controls.DropdownButton.Highlight" bg="ConfigPanels_bg" bg2="ConfigPanels_bg" fg="ConfigPanels_Highlight_fg" bdr="ConfigPanels_bg" />
 <element id="Controls.CheckBoxInList" bg="ConfigPanels_Input_Disabled_bg" bdr="ConfigPanels_Lowlight_fg" />
 
 <element id="Toolbar.Background" bg="Unknown" />
 <element id="Toolbar.Body" bg="ConfigPanels_bg" />
 <element id="Toolbar.MenuTextOverride" fg="ConfigPanels_fg" />

 <element id="FilterPanel.ListHeader" bg="Unknown" bg2="Unknown" fg="Unknown" bdr="Unknown" />
 <element id="FilterPanel.Default" bg="ThumbnailBrowser_bg" fg="ThumbnailBrowser_fg" bdr="Unknown" />
 <element id="FilterPanel.ListAlternating.Default" bg="ThumbnailBrowser_Line_Alternate" fg="ThumbnailBrowser_fg" />
 <element id="FilterPanel.Highlight" bg="ThumbnailBrowser_Line_Lowlight_bg" fg="ThumbnailBrowser_Line_Lowlight_fg" bdr="ThumbnailBrowser_bg" />
 <element id="FilterPanel.Lowlight" bg="ThumbnailBrowser_Line_Lowlight_bg" fg="ThumbnailBrowser_Line_Lowlight_fg" bdr="ThumbnailBrowser_bg" />
 <element id="FilterPanel.ScrollBarBackground" bg="ThumbnailBrowser_bg" bg2="ThumbnailBrowser_bg" />
 <element id="FilterPanel.ScrollBar" bg="ThumbnailBrowser_Scrollbar_Highlight" bg2="ThumbnailBrowser_Scrollbar_Highlight" bdr="ThumbnailBrowser_Scrollbar_Highlight" />
 <element id="FilterPanel.ScrollBar.Lowlight" bg="ThumbnailBrowser_Scrollbar_Lowlight" bg2="ThumbnailBrowser_Scrollbar_Lowlight" bdr="ThumbnailBrowser_bg" />
 <element id="FilterPanel.ScrollBarThumb" bg="ThumbnailBrowser_bg" bg2="ThumbnailBrowser_bg" fg="ThumbnailBrowser_Scrollbar_Lowlight" bdr="ThumbnailBrowser_bg" />

 <element id="ColumnBrowser.ListHeader" bg="ColumnBrowser_Headerbar_bg" bg2="ColumnBrowser_Headerbar_bg" fg="ColumnBrowser_Headerbar_fg" bdr="ColumnBrowser_bg" />
 <element id="ColumnBrowser.Default" bg="ColumnBrowser_bg" fg="ColumnBrowser_fg" />
 <element id="ColumnBrowser.ListAlternating.Default" bg="ColumnBrowser_Line_Alternate" fg="ColumnBrowser_fg" />
 <element id="ColumnBrowser.Highlight" bg="ColumnBrowser_Line_Highlight_bg" fg="ColumnBrowser_Line_Highlight_fg" bdr="ColumnBrowser_bg" />
 <element id="ColumnBrowser.Lowlight" bg="ColumnBrowser_Line_Lowlight_bg" fg="ColumnBrowser_Line_Lowlight_fg" fg2="Unknown" bdr="ColumnBrowser_bg" />
 <element id="ColumnBrowser.ScrollBarBackground" bg="ColumnBrowser_bg" bg2="ColumnBrowser_bg" />
 <element id="ColumnBrowser.ScrollBar" bg="ColumnBrowser_Scrollbar_Highlight" bg2="ColumnBrowser_Scrollbar_Highlight" bdr="ColumnBrowser_bg" />
 <element id="ColumnBrowser.ScrollBar.Lowlight" bg="ColumnBrowser_Scrollbar_Lowlight" bg2="ColumnBrowser_Scrollbar_Lowlight" bdr="ColumnBrowser_bg" />
 <element id="ColumnBrowser.ScrollBarThumb" bg="ColumnBrowser_bg" bg2="ColumnBrowser_bg" fg="ColumnBrowser_Scrollbar_Lowlight" bdr="ColumnBrowser_bg" />

 <element id="ColumnBrowser.BottomBorderLine" bdr="MainPanel_Tracks_Headerbar_bdr" />

 <element id="Panel.CommandButtonOverride" bg="Mainpanel_Headerbar_Buttons_bg" fg="Mainpanel_Headerbar_fg" />
 <element id="Panel.CommandIconOverride" fg="Mainpanel_Headerbar_fg" />

 <element id="Panel.Body.Default" bg="LeftSidebar_bg" fg="LeftSidebar_fg" bdr="Panels_PanelDividers" />
 <element id="Panel.Body.Highlight" bg="LeftSidebar_Node_bg" fg="LeftSidebar_Node_fg" bdr="LeftSidebar_Node_bg" />
 <element id="Panel.Body.Lowlight" bg="LeftSidebar_Node_bg" fg="LeftSidebar_Node_fg" bdr="LeftSidebar_Node_bg" />
 
 <element id="Panel.Header.Default" bg="Mainpanel_Headerbar_bg" fg="ConfigPanels_fg" />
 <element id="Panel.HeaderButtonOverride.Default" fg="Mainpanel_Headerbar_fg" />
 <element id="Panel.HeaderButtonOverride.Highlight" bg="Mainpanel_Headerbar_Buttons_Highlight_bg" fg="Mainpanel_Headerbar_fg" />
 <element id="Panel.HeaderButtonOverride.Disabled" fg="Mainpanel_Headerbar_Disabled_fg" />
 
 <element id="Panel.HeaderControl.Default" fg="Mainpanel_Headerbar_Lowlight_fg" bdr="Unknown" />
 <element id="Panel.HeaderControl.Highlight" bg="Unknown" bg2="Unknown" fg="Unknown" bdr="Unknown" />

 <element id="Panel.ChildBody.Default" bg="LibraryExplorer_and_NowPlaying_bg" fg="LibraryExplorer_and_NowPlaying_fg" />
 <element id="Panel.ChildBody.Highlight" bg="LibraryExplorer_and_NowPlaying_Highlight_bg" fg="LibraryExplorer_and_NowPlaying_Highlight_fg" bdr="LibraryExplorer_and_NowPlaying_bg" />
 <element id="Panel.ChildBody.Lowlight" bg="LibraryExplorer_and_NowPlaying_Highlight_bg" fg="LibraryExplorer_and_NowPlaying_Highlight_fg" bdr="LibraryExplorer_and_NowPlaying_bg" />
 <element id="Panel.ChildBody.ScrollBarBackground" bg="LibraryExplorer_and_NowPlaying_bg" bg2="LibraryExplorer_and_NowPlaying_bg" />
 <element id="Panel.ChildBody.ScrollBar" bg="LibraryExplorer_and_NowPlaying_Scrollbar_Highlight" bg2="LibraryExplorer_and_NowPlaying_Scrollbar_Highlight" bdr="LibraryExplorer_and_NowPlaying_Scrollbar_Highlight" />
 <element id="Panel.ChildBody.ScrollBar.Lowlight" bg="LibraryExplorer_and_NowPlaying_Scrollbar_Lowlight" bg2="LibraryExplorer_and_NowPlaying_Scrollbar_Lowlight" bdr="LibraryExplorer_and_NowPlaying_bg" />
 <element id="Panel.ChildBody.ScrollBarThumb" bg="LibraryExplorer_and_NowPlaying_bg" bg2="LibraryExplorer_and_NowPlaying_bg" fg="LibraryExplorer_and_NowPlaying_Scrollbar_Lowlight" bdr="LibraryExplorer_and_NowPlaying_bg" />
 <element id="Panel.ChildHeader.Default" bg="Infopanels_Tracks_Headerbar_bg" bg2="Infopanels_Tracks_Headerbar_bg" fg="Infopanels_Tracks_Headerbar_fg" bdr="Infopanels_Tracks_Headerbar_bdr" />

 <element id="TrackInfoPanel" bg="0,0,255" />

 <element id="Panel.TabButton.Default" bg="Infopanels_Tracks_Headerbar_Selector_bg" bg2="Infopanels_Tracks_Headerbar_Selector_bg" fg="Infopanels_Tracks_Headerbar_Selector_fg" />

 <element id="Content[ArtistProfile]" bg="Unknown"  />

 <element id="Panel.NotLovedIcon.Highlight" fg="MainPanel_Tracks_Line_Highlight_fg" fg2="MainPanel_Rating_Tracks_No_Highlight" />
 <element id="Panel.NotLovedIcon.Lowlight" fg2="MainPanel_Tracks_Line_Lowlight_bg" />

 <element id="Panel.LovedIcon.Highlight" fg="Unknown" fg2="Unknown" />
 <element id="Panel.LovedIcon.Lowlight" fg="Unknown" />

 <element id="Panel.ScrollBarBackground.Default" bg="MainPanel_Tracks_bg" bg2="MainPanel_Tracks_bg" />
 <element id="Panel.ScrollBar.Default" bg="MainPanel_Tracks_Scrollbar_Highlight" bg2="MainPanel_Tracks_Scrollbar_Highlight" bdr="MainPanel_Tracks_Scrollbar_Highlight" />
 <element id="Panel.ScrollBar.Lowlight" bg="MainPanel_Tracks_Scrollbar_Lowlight" bg2="MainPanel_Tracks_Scrollbar_Lowlight" bdr="MainPanel_Tracks_bg" />
 <element id="Panel.ScrollBarThumb.Default" bg="MainPanel_Tracks_bg" bg2="MainPanel_Tracks_bg" fg="MainPanel_Tracks_Scrollbar_Lowlight" bdr="MainPanel_Tracks_bg" />

 <element id="Panel.SectionHeader.Default" bg="LeftSidebar_Headerbar_bg" bg2="LeftSidebar_Headerbar_bg" fg="LeftSidebar_fg" />

 <element id="Panel.StarRating.Default" fg="MainPanel_Tracks_Header" fg2="MainPanel_Rating_Albums_Lowlight" />
 <element id="Panel.StarRating.Highlight" fg="MainPanel_Rating_Tracks_Sel_Highlight" fg2="MainPanel_Rating_Tracks_No_Highlight" />
 <element id="Panel.StarRating.Lowlight" fg="MainPanel_Rating_Tracks_Sel_Lowlight" fg2="MainPanel_Tracks_Line_Lowlight_bg" />

 <element id="Panel.StatusBar.Default" bg="MainPanel_Albums_bg" bg2="MainPanel_Albums_bg" fg="Statusbar_fg" bdr="Mainpanel_Headerbar_bg" />
 <element id="Panel.StatusBarControl.Default" fg="Statusbar_fg" />
 <element id="Panel.StatusBarInPanel.Default" bg="Statusbar_bg" bg2="Statusbar_bg" fg="Statusbar_fg" bdr="Statusbar_bg" />
 <element id="Panel.StatusBarControlInPanel.Default" fg="Statusbar_fg" />
 <element id="Panel.StatusBarBelowPlayer.Default" bg="Statusbar_bg" bg2="Statusbar_bg" fg="Statusbar_fg" bdr="Statusbar_bg" />
 <element id="Panel.StatusBarControlBelowPlayer.Default" fg="Statusbar_fg" />

 <element id="Panel.SubHeader.Default" bg="PlayingTracksPanel_bg" fg="PlayingTracksPanel_fg" />

 <element id="Panel.TabSelector.Highlight" bg="ConfigPanels_bg" bg2="ConfigPanels_bg" fg="Infopanels_Tracks_Headerbar_fg" bdr="Infopanels_Tracks_Headerbar_bg" />
 <element id="Panel.TabSelector.Default" fg="Infopanels_Tracks_Headerbar_Selector_fg" bdr="ConfigPanels_Input_bg" />
 <element id="Panel.TabSelector.Lowlight" bg="ConfigPanels_bg" bg2="ConfigPanels_bg" fg="Unknown" bdr="Unknown" />

 <element id="ElementPanel.Default" bg="Infopanels_bg" fg="Infopanels_fg" />
 <element id="ElementPanel.ScrollBarBackground" bg="Infopanels_bg" bg2="Infopanels_bg" />
 <element id="ElementPanel.ScrollBar" bg="Infopanels_Scrollbar_Highlight" bg2="Infopanels_Scrollbar_Highlight" bdr="Infopanels_Scrollbar_Highlight" />
 <element id="ElementPanel.ScrollBar.Lowlight" bg="Infopanels_Scrollbar_Lowlight" bg2="Infopanels_Scrollbar_Lowlight" bdr="Infopanels_bg" />
 <element id="ElementPanel.ScrollBarThumb" bg="Infopanels_bg" bg2="Infopanels_bg" fg="Infopanels_Scrollbar_Lowlight" bdr="Infopanels_bg" />

 <element id="LeftNavigator.ScrollBarBackground" bg="LeftSidebar_bg" bg2="LeftSidebar_bg" />
 <element id="LeftNavigator.ScrollBar" bg="LeftSidebar_Scrollbar_Highlight" bg2="LeftSidebar_Scrollbar_Highlight" bdr="LeftSidebar_Scrollbar_Highlight" />
 <element id="LeftNavigator.ScrollBar.Lowlight" bg="LeftSidebar_Scrollbar_Lowlight" bg2="LeftSidebar_Scrollbar_Lowlight" bdr="LeftSidebar_bg" />
 <element id="LeftNavigator.ScrollBarThumb" bg="LeftSidebar_bg" bg2="LeftSidebar_bg" fg="LeftSidebar_Scrollbar_Lowlight" bdr="LeftSidebar_bg" />

 <element id="RadioAndAutoDjPanel" bg="ConfigPanels_Input_bg" fg="ConfigPanels_Input_fg" />

 <element id="TabsBar.Tab.Default"  bg="Tabsbar_fg_Low" fg="Tabsbar_fg_Medium"  bdr="Unknown" />
 <element id="TabsBar.Background" bg="Mainpanel_Headerbar_bg" bg2="Mainpanel_Headerbar_bg" />
 <element id="TabsBar.AltBackground" bg="Tabsbar_bg" bg2="Tabsbar_bg" />
 <element id="TabsBar.Tab.Highlight" bg="Tabsbar_bg" bg2="Tabsbar_bg" fg="Tabsbar_fg_High" bdr="Tabsbar_fg_Low" />
 <element id="TabsBar.BorderLine" bdr="Tabsbar_fg_Low" />
 <element id="TabsBar.Tab.Separator" bg="Tabsbar_fg_Low" />

 <element id="TabsBar.TabInCaptionBar.Default" bg="Tabsbar_bg" bg2="Tabsbar_bg" fg="Mainpanel_Headerbar_Lowlight_fg" bdr="0,0,0,0" />
 <element id="TabsBar.TabInCaptionBar.Highlight" bg="Mainpanel_Headerbar_bg" bg2="Mainpanel_Headerbar_bg" fg="Mainpanel_Headerbar_fg" bdr="Mainpanel_Headerbar_Line" />
 <element id="TabsBar.TabInCaptionBar.Separator" bg="Mainpanel_Headerbar_Line" />
 <element id="TabsBar.TabInCaptionBar.BorderLine" bdr="Mainpanel_Headerbar_Line"  />
 <element id="TabsBar.TabInCaptionBarAddButton.Default" fg="Mainpanel_Headerbar_Lowlight_fg" bg="Unknown" />

 <element id="TabsBar.TabInCaptionBarTop.Default" bg="Mainpanel_Headerbar_bg" bg2="Mainpanel_Headerbar_bg" fg="Mainpanel_Headerbar_Lowlight_fg" bdr="0,0,0,0" />
 <element id="TabsBar.TabInCaptionBarTop.Highlight" bg="Mainpanel_Headerbar_bg" bg2="Mainpanel_Headerbar_bg" fg="Mainpanel_Headerbar_fg" bdr="Mainpanel_Headerbar_Line" />
 <element id="TabsBar.TabInCaptionBarTop.Separator" bg="Mainpanel_Headerbar_Line" />
 <element id="TabsBar.TabInCaptionBarTop.BorderLine" bdr="Mainpanel_Headerbar_Line" />
 <element id="TabsBar.TabInCaptionBarTopAddButton.Default" fg="Mainpanel_Headerbar_Lowlight_fg" bg="Unknown" />

 <element id="TabsBar.TabInCaptionBarBlended.Default" bg="Unknown" fg="Tabsbar_fg_Medium" />
 <element id="TabsBar.TabInCaptionBarBlended.Highlight" bg="Tabsbar_UpperTextTabs_bg" bg2="Tabsbar_UpperTextTabs_bg" fg="Tabsbar_fg_High" />
 <element id="TabsBar.TabInCaptionBarBlended.BorderLine" bdr="0,217,89,87" />
 <element id="TabsBar.TabInCaptionBarBlended.Separator" bg="Tabsbar_fg_Low" />
 <element id="TabsBar.TabInCaptionBarBlended.AddButton" fg="Tabsbar_fg_Medium" bg="Unknown" />

 <element id="TabsBar.TabBlended.Highlight" bg="Tabsbar_UpperTextTabs_bg" bg2="Tabsbar_UpperTextTabs_bg" fg="Tabsbar_fg_High" />
 <element id="TabsBar.TabBlended.Separator" bg="Tabsbar_fg_Low" />
 <element id="TabsBar.TabBlended.BorderLine" bdr="Tabsbar_bg" />

 <element id="Player.StarRating.Default" fg="Playerpanel_Controls_Default" />
 <element id="Player.StarRating.Lowlight" fg="Playerpanel_Element_Low" />
 <element id="Player.SpectrumVisualiser" bg="Infopanels_bg" bg2="Infopanels_bg" fg="Infopanels_Visualisations_Low" fg2="Infopanels_Visualisations_High" bdr="Infopanels_Visualisations_High" />
 <element id="Player.SpectrumVisualiserFill" fg="Infopanels_bg" />
 <element id="Player.Wavebar" bg="Infopanels_bg" fg="Infopanels_Visualisations_High" fg2="Infopanels_Visualisations_Low" />
 <element id="Player.Wavebar.Inner" fg="Infopanels_Visualisations_High" fg2="Infopanels_Visualisations_Low" />
 
 <element id="VolumeVisualiser" bg="Infopanels_bg" fg="Infopanels_Visualisations_Low" fg2="Infopanels_Visualisations_High" />
 <element id="VolumeVisualiserBar" fg="Infopanels_bg" />
 <element id="VolumeVisualiserText" fg="Infopanels_Tracks_Headerbar_Selector_fg" />

 <element id="PlayerFlat.Background" bg="Playerpanel_Background_Default" bg2="Playerpanel_Background_Default" />
 <element id="PlayerFlat.DisplayPanel" bg="Playerpanel_Background_Middle" fg="Playerpanel_Text_Default" fg2="Playerpanel_Text_Medium" />
 <element id="PlayerFlat.ProgressBar" bg="Playerpanel_Background_Default" fg="Playerpanel_Element_High" bdr="Playerpanel_Background_Default" />
 <element id="PlayerFlat.ProgressBarMiddle" bg="Playerpanel_Element_Medium" />
 <element id="PlayerFlat.ProgressButton" fg="Playerpanel_Element_High" />
 <element id="PlayerFlat.Control.Default" fg="Playerpanel_Controls_Default" />
 <element id="PlayerFlat.Control.Highlight" fg="Playerpanel_Controls_Highlight" />
 <element id="PlayerFlat.Control.Disabled" fg="Playerpanel_Controls_Disabled" />
 <element id="PlayerFlat.TrackPosition" fg="Playerpanel_Text_Low" />

 <element id="PlayerFlat.VolumeSlideBar" fg="Playerpanel_Element_Medium" />
 <element id="PlayerFlat.VolumeSliderButton" fg="Playerpanel_Element_High" />
 <element id="PlayerFlat.VolumeIcon" fg="Playerpanel_Element_High" />

 <element id="PlayerFlat.SpectrumDefault" bg="Playerpanel_Background_Default" />
 <element id="PlayerFlat.SpectrumDead" bg="Playerpanel_Background_Default" />
 <element id="PlayerFlat.SpectrumLow" bg="Playerpanel_Element_High" />
 <element id="PlayerFlat.SpectrumMedium" bg="Playerpanel_Element_High" />
 <element id="PlayerFlat.SpectrumHigh" bg="Playerpanel_Element_High" />

 <element id="PlayerFlat.Wavebar" fg="Playerpanel_Element_High" fg2="Playerpanel_Element_Low" />
 <element id="PlayerFlat.Wavebar.Inner" fg="Playerpanel_Element_High" fg2="Playerpanel_Element_Low" />

 <element id="PlayerFlat.StarRating.Default" fg="Playerpanel_Controls_Default" />
 <element id="PlayerFlat.StarRating.Lowlight" fg="Playerpanel_Element_Low" />
 <element id="PlayerFlat.NotLovedIcon" fg="Playerpanel_Element_Medium" />

 <element id="Compact.Player.Background" bg="PlayingTracksPanel_bg" fg="Playerpanel_Text_Medium" />
 <element id="Compact.Player.ProgressBar" fg="Playerpanel_Element_High" />
 <element id="Compact.Player.ProgressButton" fg="Playerpanel_Element_High"/>
 <element id="Compact.Player.Control.Default" fg="Playerpanel_Controls_Default" />
 <element id="Compact.Player.Control.Disabled" fg="Playerpanel_Controls_Disabled" />
 <element id="Compact.Player.Control.Highlight" fg="Playerpanel_Controls_Highlight" />
 <element id="Compact.Player.Volume" bg="Unknown" fg="Unknown" />
 <element id="Compact.Player.Wavebar" fg="Playerpanel_Element_High" fg2="Playerpanel_Element_Low" />
 <element id="Compact.Player.Wavebar.Inner" fg="Playerpanel_Element_High" fg2="Playerpanel_Element_Low" />

 <element id="PlayerSidebar.Background" bg="Infopanels_bg" fg="Infopanels_fg" />
 <element id="PlayerSidebar.Control.Default" fg="Infopanels_fg" />
 <element id="PlayerSidebar.Control.Highlight" fg="Infopanels_Tracks_Headerbar_fg" />
 <element id="PlayerSidebar.Control.Disabled" fg="Infopanels_bg" />
 <element id="PlayerSidebar.ProgressBar" fg="Infopanels_fg" bg="Infopanels_bg" bdr="Unknown" />
 <element id="PlayerSidebar.ProgressButton" fg="Infopanels_fg" />
 <element id="PlayerSidebar.TrackPosition" fg="Infopanels_Tracks_Headerbar_Selector_fg" />

 <element id="PlayerMini.Background" bg="Playerpanel_Background_Default" bg2="Playerpanel_Background_Default" fg="Playerpanel_Text_Default" />
 <element id="PlayerMini.Control.Default" fg="Playerpanel_Controls_Default" />
 <element id="PlayerMini.Control.Disabled" fg="Playerpanel_Controls_Disabled" />
 <element id="PlayerMini.Control.Highlight" fg="Playerpanel_Controls_Highlight" />
 <element id="PlayerMini.ProgressBar" fg="Playerpanel_Element_High" bg="Playerpanel_Background_Default" />
 <element id="PlayerMini.ProgressButton" fg="Playerpanel_Element_High" />
 <element id="PlayerMini.Spectrum" fg="Playerpanel_Element_High" />
 <element id="NowPlayingTrackInfo" bg="MainPanel_Tracks_Headerbar_bg" fg="MainPanel_Tracks_Headerbar_fg" />
 <element id="NowPlayingList[TrackDetail].ListHeader" bg="PlayingTracksPanel_Headerbar_bg" bg2="PlayingTracksPanel_Headerbar_bg" fg="PlayingTracksPanel_Headerbar_fg" bdr="PlayingTracksPanel_bg" />
 <element id="NowPlayingList[TrackDetail].Default" bg="PlayingTracksPanel_bg" fg="PlayingTracksPanel_fg" bdr="Unknown" />
 <element id="NowPlayingList[TrackDetail].ListAlternating.Default" bg="PlayingTracksPanel_Line_Alternate" fg="PlayingTracksPanel_fg" />
 <element id="NowPlayingList[TrackDetail].Highlight" bg="PlayingTracksPanel_Line_Highlight_bg" fg="PlayingTracksPanel_Line_Highlight_fg" bdr="PlayingTracksPanel_bg" />
 <element id="NowPlayingList[TrackDetail].Lowlight" bg="PlayingTracksPanel_Line_Lowlight_bg" fg="PlayingTracksPanel_Line_Lowlight_fg" bdr="PlayingTracksPanel_bg" />
 <element id="NowPlayingList[TrackDetail].Disabled" fg="PlayingTracksPanel_Line_Disabled_fg" />
 <element id="NowPlayingList[TrackDetail].ListAlternating.Disabled" fg="PlayingTracksPanel_Line_Disabled_fg" />
 <element id="NowPlayingList[TrackDetail].ItemSeparatorLine" fg="PlayingTracksPanel_bg" />
 <element id="NowPlayingList.ScrollBarBackground" bg="PlayingTracksPanel_bg" bg2="PlayingTracksPanel_bg" />
 <element id="NowPlayingList.ScrollBar" bg="PlayingTracksPanel_Scrollbar_Highlight" bg2="PlayingTracksPanel_Scrollbar_Highlight" bdr="PlayingTracksPanel_Scrollbar_Highlight" />
 <element id="NowPlayingList.ScrollBar.Lowlight" bg="PlayingTracksPanel_Scrollbar_Lowlight" bg2="PlayingTracksPanel_Scrollbar_Lowlight" bdr="PlayingTracksPanel_bg" />
 <element id="NowPlayingList.ScrollBarThumb" bg="PlayingTracksPanel_bg" bg2="PlayingTracksPanel_bg" fg="PlayingTracksPanel_Scrollbar_Lowlight" bdr="PlayingTracksPanel_bg" />

 <element id="NowPlayingList.SequenceInfo" bg="PlayingTracksPanel_Line_Lowlight_bg" fg="PlayingTracksPanel_Headerbar_fg" fg2="PlayingTracksPanel_Line_Disabled_fg" bdr="PlayingTracksPanel_Line_Lowlight_bg" />

 <element id="NowPlaying[AlbumAndTracks].AlbumSeparatorLine" bg="PlayingTracksPanel_Splitterline" bg2="PlayingTracksPanel_Splitterline" />

 <element id="NowPlayingPopup.Body" bg="Playerpanel_Background_Default" bg2="Playerpanel_Background_Default" fg="Playerpanel_Text_Default" fg2="Playerpanel_Controls_Default" bdr="Playerpanel_Background_Default" />
 <element id="NowPlayingPopup.Border" bdr="Playerpanel_Background_Default" />

 <element id="MusicExplorerHeader" bg="MainPanel_Tracks_bg" bg2="MainPanel_Tracks_bg" fg="MainPanel_Tracks_fg" fg2="MainPanel_Tracks_fg" />
 <element id="MusicExplorerHeaderBar.Default" bg="MainPanel_Tracks_Headerbar_bg" fg="MainPanel_Tracks_Headerbar_fg" />
 <element id="MusicExplorerHeaderBar.Lowlight" fg="MainPanel_Tracks_Headerbar_fg" />
 <element id="MusicExplorerHeaderBar.Highlight" fg="MainPanel_Tracks_Line_Highlight_fg" />
 <element id="MusicExplorerTopTracks" bg="MainPanel_Tracks_bg" fg="MainPanel_Tracks_fg" bdr="MainPanel_Tracks_Separatorline" />

 <element id="IconColourOverride.Default" fg="LibraryIcons" />

 <element id="CaptionBarIconColorOverride" fg="Mainpanel_Headerbar_fg" />

</colours>

<settings>

 <element id="DefaultIconName">Chameleon</element>
 <element id="AllowCenteredTabInCaptionBar">true</element>
 <!-- <element id="ArtworkDimFactor">0.1</element> -->
 <!-- <element id="Content[NowPlaying].Body.Default.DisableAdjustment">true</element> -->
 <!-- <element id="ContrastBoost">0,6</element> -->
 <!-- <element id="DisableWindowBorders">false</element> -->
 <element id="MainPanelMargin.Left">0</element>
 <element id="MainPanelMargin.Right">0</element>
 <element id="MainPanelMargin.Top">0</element>
 <element id="MainPanelMargin.Bottom">0</element>
 <!-- <element id="MenuButtonOffset">0</element> -->
 <element id="MenuButtonSharp">true</element>
 <!-- <element id="PlayerAlignElementToPosition">TrackText</element> -->
 <!-- <element id="PlayerAlignElementToDuration">TrackRating</element> -->
 <!-- <element id="PlayerAutoColor">true</element> -->
 <!-- <element id="PlayerAutoColorUsingStandardSkinRules">false</element> -->
 <element id="PlayerInfoCentered">true</element>
 <!-- <element id="PlayerProgressFractions">true</element> -->
 <!-- <element id="PlayerSplitProgressTextFarAlign">true</element> -->
 <!-- <element id="PlayerSplitProgressXAdj">10</element> -->
 <!-- <element id="PlayerSplitProgressYAdj">73</element> -->
 <!-- <element id="PlayerSplitProgressYOffset">0</element> -->
 <!-- <element id="PlayerSplitProgressYOffset">1</element> -->
 <!-- <element id="ScrollBarHighlightMouseOverPanel">false</element> -->
 <!-- <element id="ScrollBarLowlightNarrowOnly">false</element>  -->
 <element id="ScrollBarMargin">1</element>
 <element id="ScrollPanelMargin">6</element>
 <!-- <element id="ScrollbarNoArrows">true</element> -->
 <!-- <element id="ScrollBarSliderSquare">true</element> -->
 <element id="SlimIcons">true</element>
 <element id="UseArtworkBorders">false</element>
 <element id="UseModernMenuButton">true</element>
 <element id="UseNativeButtonTheme">false</element>
 <!-- <element id="UseNativeWindow">false</element> -->
 <!-- <element id="UseSquareTabCorners">true</element> -->
 <element id="WindowBorderWidth">0</element>
 <element id="JukeboxCardBarWidth">4</element>

</settings>

<images id="Default">

 <!-- 1x4 -->
 <element id="FormBorderBottom">
        iVBORw0KGgoAAAANSUhEUgAAAAEAAAAEAQMAAAB1Fsd5AAAAA1BMVEUaKzoGtz+nAAAACklEQVR4
        XmOAAgAACAABnWENdQAAAABJRU5ErkJggg==
 </element>
 <!-- 4x4 -->
 <element id="FormBorderBottomLeft">
        iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAAA1BMVEUaKzoGtz+nAAAACklEQVR4
        XmOAAgAACAABnWENdQAAAABJRU5ErkJggg==
 </element>
 <!-- 4x4 -->
 <element id="FormBorderBottomRight">
        iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAAA1BMVEUaKzoGtz+nAAAACklEQVR4
        XmOAAgAACAABnWENdQAAAABJRU5ErkJggg==
 </element>
 <!-- 4x1 -->
 <element id="FormBorderLeft">
        iVBORw0KGgoAAAANSUhEUgAAAAQAAAABAQMAAADD8p2OAAAAA1BMVEUaKzoGtz+nAAAACklEQVR4
        XmNgAAAAAgAB3p6PvwAAAABJRU5ErkJggg==
 </element>
 <!-- 4x1 -->
 <element id="FormBorderRight">
        iVBORw0KGgoAAAANSUhEUgAAAAQAAAABAQMAAADD8p2OAAAAA1BMVEUaKzoGtz+nAAAACklEQVR4
        XmNgAAAAAgAB3p6PvwAAAABJRU5ErkJggg==
 </element>
 <!-- 1x28, or wider to create image or pattern effects -->
 <element id="FormBorderTop">
        iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcAQMAAACak0ePAAAAA1BMVEUaKzoGtz+nAAAAC0lEQVR4
        XmMgEwAAADgAARjE5tUAAAAASUVORK5CYII=
 </element>
 <!-- 5x28 -->
 <element id="FormBorderTopLeft">
        iVBORw0KGgoAAAANSUhEUgAAAAUAAAAcAQMAAACTeOf1AAAAA1BMVEUaKzoGtz+nAAAAC0lEQVR4
        XmMgEwAAADgAARjE5tUAAAAASUVORK5CYII=
 </element>
 <!-- 5x28 -->
 <element id="FormBorderTopRight">
        iVBORw0KGgoAAAANSUhEUgAAAAUAAAAcAQMAAACTeOf1AAAAA1BMVEUkJCRV1daRAAAAC0lEQVR4
        XmMgEwAAADgAARjE5tUAAAAASUVORK5CYII=
 </element>
 <element id="FormMinimiseButton">
        iVBORw0KGgoAAAANSUhEUgAAABwAAAAPAgMAAACKIUcyAAAACVBMVEUaKzqMjIxydnmvoI5WAAAA
        EUlEQVR4XmOgGWAKDQ3DLQsAHLMBA5YADdYAAAAASUVORK5CYII=
 </element>
 <element id="FormMinimiseHighlightButton">
        iVBORw0KGgoAAAANSUhEUgAAABwAAAAPAgMAAACKIUcyAAAACVBMVEUaKzrIyMigpKfeBE7fAAAA
        EUlEQVR4XmOgGWAKDQ3DLQsAHLMBA5YADdYAAAAASUVORK5CYII=
 </element>
 <element id="FormMaximiseButton">
        iVBORw0KGgoAAAANSUhEUgAAABwAAAAPBAMAAAAFYbKSAAAAFVBMVEUaKzqMjIyLi4smNUNOV19O
        WGAgMD+VJEZgAAAAPElEQVR4XmMgAjgJCgqqILjKQGyE4AoAMSMOLosiCpcpgQHGRTCMkLmMgqoI
        LgQj6TVCcFkVBQVVGYgAAFqOAxg5C3zWAAAAAElFTkSuQmCC
 </element>
 <element id="FormMaximiseHighlightButton">
        iVBORw0KGgoAAAANSUhEUgAAABwAAAAPBAMAAAAFYbKSAAAAJ1BMVEUaKzrU1dbR0tOXmJmVlpgl
        NUMhMUB1foZ1f4dXYWlXYGhxd3xyeH0a+hFnAAAAQklEQVR4XmMgAhQJCgqqI7iqQByE4AoAMSMO
        Lpc3CpclAYXLjGIUkNskKCioAecCMQ8Qw/UyMKQguJzOxsaeDEQAACyLBW38L3z5AAAAAElFTkSu
        QmCC
 </element>
 <element id="FormRestoreButton">
        iVBORw0KGgoAAAANSUhEUgAAABwAAAAPBAMAAAAFYbKSAAAAFVBMVEUaKzqMjIyLi4smNUNOV19O
        WGAgMD+VJEZgAAAAPElEQVR4XmMgAjgJCgqqILjKQGyE4AoAMSMOLosiCpcpgQHGRTCMkLmMgqoI
        LgQj6TVCcFkVBQVVGYgAAFqOAxg5C3zWAAAAAElFTkSuQmCC
 </element>
 <element id="FormRestoreHighlightButton">
        iVBORw0KGgoAAAANSUhEUgAAABwAAAAPBAMAAAAFYbKSAAAAJ1BMVEUaKzrU1daXmJnR0tOVlpgl
        NUMhMUBXYGh1foZ1f4dyeH1xd3xXYWmdftCyAAAAQklEQVR4XmMgApQoKSm5I7huQJyC4CoAMROC
        uwCZy2EoKGiB4DIHMDAEI7iMYJyCwt3kg+CCMYpeBJcTaLIlAxEAAPwwBnD3bleyAAAAAElFTkSu
        QmCC
 </element>
 <element id="FormCloseButton">
        iVBORw0KGgoAAAANSUhEUgAAABwAAAAPBAMAAAAFYbKSAAAAGFBMVEUaKzpKVV+dnZ5qcXeEiItK
        VV6Eh4qgoKDFrAYjAAAANklEQVR4XmMgGbAFMDCIILiMqgyMigwIICQgJIDEZVRWZEAG5gYMuGVR
        9TIqopjMIoCwlwQAADT7ApiuxEHgAAAAAElFTkSuQmCC
 </element>
 <element id="FormCloseHighlightButton">
        iVBORw0KGgoAAAANSUhEUgAAABwAAAAPBAMAAAAFYbKSAAAAFVBMVEUaKzprKED1I0ugJkTLJUdq
        KED6I0s7WrXQAAAAOElEQVR4XmMgGbAEMDCIILiMqgyMigwIICQgJMCAAIzKigzIwMyAAbcsql5G
        RRSTWQQYGEQYSAYAMywClV0u/zMAAAAASUVORK5CYII=
 </element>

</images>
</root>
Last Edit: February 21, 2024, 05:18:16 AM by Chainsaw Mullet

hiccup

  • Sr. Member
  • ****
  • Posts: 7785
hiccup, this is fantastic. Took me maybe 10 minutes to get a working Gruvbox skin using Cheetah DNA.
It's absolutely great to hear this is being used as intended and to satisfaction.
So thank you for the feedback.

Also, your Gruvbox skin is looking very nice.
You could consider posting it on the addons page or the skin forum board?

I am sure many would use and appreciate it.

Mayibongwe

  • Sr. Member
  • ****
  • Posts: 1014
  • Heal The World
Also, your Gruvbox skin is looking very nice.
Please share a screenshot.
(for my sake and that of others who were lazy enough not to check out the result of Chainsaw's xml code, but are now curious).
Favourite song at the moment:   Decode by Paramore

hiccup

  • Sr. Member
  • ****
  • Posts: 7785
Also, your Gruvbox skin is looking very nice.
Please share a screenshot.
(for my sake and that of others who were lazy enough not to check out the result of Chainsaw's xml code, but are now curious).
Well, if you do a google image search on 'gruvbox', you'll see what the intention is.
(it's based on a theme for code editing tools)
But to be honest, when using the skin on my current MB install, there are a couple of things that seem off, so a screenshot of that wouldn't look too good.

Mayibongwe

  • Sr. Member
  • ****
  • Posts: 1014
  • Heal The World
Well, if you do a google image search on 'gruvbox', you'll see what the intention is.
In a miserable attempt to mirror the actions of some of the forum's most unbelievable members who disappear after a day of frustration when asked to put in a little effort:
In that case, please share a screenshot of the google images instead. You've grossly underestimated how lazy I can get.

____

Checked google out. The colour scheme probably wouldn't do so well in skins, but it's a blast on code editors.
Favourite song at the moment:   Decode by Paramore