Author Topic: Elemental  (Read 6469 times)

gpzbc

  • Jr. Member
  • **
  • Posts: 66

hiccup

  • Member
  • Hero Member
  • *****
  • Posts: 3363

hiccup

  • Member
  • Hero Member
  • *****
  • Posts: 3363
Updated, a small glitch with the player controls when the wave bar was selected is fixed.

Logan

  • Jr. Member
  • **
  • Posts: 31
Really easy on the eye. Thank you!

neworleans

  • Newbie
  • *
  • Posts: 8
I love this skin. Thank you!
I have a small suggestion. Status bar is hardly readable that i need to squint my eyes to read it. Can we change it to another color?

hiccup

  • Member
  • Hero Member
  • *****
  • Posts: 3363
Status bar is hardly readable that i need to squint my eyes to read it. Can we change it to another color?

Yes we can!
(...but I won't, since I like it as it is ;-)

You can change it's colour by creating your own piggy-bag skin:

- create a new text file.
- copy this code into it:

Code
<?xml version="1.0" encoding="utf-8"?>
<root dependsOn="Elemental.xmlc">
<colours id="Default">
 <element id="Panel.StatusBar.Default" bg="48,48,48" fg="160,160,160" bdr="48,48,48" />
 <element id="Panel.StatusBarInPanel.Default" bg="48,48,48" bg2="48,48,48" fg="160,160,160" bdr="48,48,48" />
 <element id="Panel.StatusBarBelowPlayer.Default" bg="48,48,48" bg2="48,48,48" fg="160,160,160" bdr="48,48,48" />
</colours>
</root>

- save the file as: Elemental Edit.xml  (or use any name  you like)
- put the file in MusicBee's skin folder

Next, in MusicBee select that skin.
That's it.

If you want to make the text lighter or darker, change the 160,160,160 RGB values to something else.

Note that the original Elemental.xmlc skin needs to be present in that folder to make this work.

neworleans

  • Newbie
  • *
  • Posts: 8
Thanks for quick reply and help man. I appreciate it.


This is just looking perfect

alec.tron

  • Hero Member
  • *****
  • Posts: 599
Hey Hiccup,
really neat skin - just switched to it as my new default ;)

I would love to do 2 colour adjustments too.... one being the rating value icons and colour them differently, i.e. thumbs down (dark grey) & stars icon (bright grey, or even yellow/orange, not sure yet... :D ).
As well as potentially adjust the Waveform display colours slighty....
Can that be achieved easily on my end (i.e. through a similar tweak as above via - Elemental Edit.xml ) ?

Cheers.
c.

hiccup

  • Member
  • Hero Member
  • *****
  • Posts: 3363
That's nice to hear.

Have you seen/tried this tutorial?: how to change skin colours

hiccup

  • Member
  • Hero Member
  • *****
  • Posts: 3363
PS

The thumbs-down icon colour looks fine here (in my opinion)



Is there perhaps another location where it displays badly and I may need to change it myself?

alec.tron

  • Hero Member
  • *****
  • Posts: 599
Thanks for the link!

The colouring is just a subjective preference, no objective issue ;)
I would love to have contextual colouring - ideal would be the more stars, the brighter, or even full colour changes...
But for starters, dimming down the thumbs down, and colouring stars differently from thumbs down would for quick visual readability for me (which I would prefer over a consistent look).

Is there a list/documentation of "element id=" your Elemental Skin uses, and which can be altered by ID ? So does waveform and/or stars/thumbs-down have an element ID  I could ise ?

Churs.
c.

ps. the example skin in there was great info! Thanks!
I would have thought this would colour the wavebar in yellow/red for testing.... but no luck thus far...
Code
<?xml version="1.0" encoding="utf-8"?>
<root dependsOn="Elemental.xmlc">
<colours id="Default">
 <element id="Player.Wavebar" bg="242,238,238" fg="255,255,0" fg2="255,0,0" />
 <element id="Player.Wavebar.Inner" fg="255,255,0" fg2="255,0,0" />
</colours>
</root>


This unfortunately doesn't show any notoicable change to the wavebar either, and that has all wavebar IDs I could find:
Code
<?xml version="1.0" encoding="utf-8"?>
<root dependsOn="Elemental.xmlc">
<colours id="Default">
 <element id="Player.Wavebar" bg="255,255,0" fg="255,255,0" fg2="255,0,0" />
 <element id="Player.Wavebar.Inner" fg="255,255,0" fg2="255,0,0" />
 <element id="PlayerFlat.Wavebar" fg="0,0,255" fg2="0,0,255" />
 <element id="PlayerFlat.Wavebar.Inner" fg="0,0,255" fg2="0,0,255" />
 <element id="PlayerTopFlat.Wavebar" fg="0,0,255" fg2="0,0,255" />
 <element id="PlayerTopFlat.Wavebar.Inner" fg="0,0,255" fg2="0,0,255" />
 <element id="Compact.Player.Wavebar" fg="0,255,0" fg2="0,255,0" />
 <element id="Compact.Player.Wavebar.Inner" fg="0,255,0" fg2="0,255,0" />
</colours>
</root>
Last Edit: October 12, 2019, 11:40:03 AM by alec.tron

hiccup

  • Member
  • Hero Member
  • *****
  • Posts: 3363
This unfortunately doesn't show any notoicable change to the wavebar either, and that has all wavebar IDs I could find:
Code
<?xml version="1.0" encoding="utf-8"?>
<root dependsOn="Elemental.xmlc">
<colours id="Default">
 <element id="Player.Wavebar" bg="255,255,0" fg="255,255,0" fg2="255,0,0" />
 <element id="Player.Wavebar.Inner" fg="255,255,0" fg2="255,0,0" />
 <element id="PlayerFlat.Wavebar" fg="0,0,255" fg2="0,0,255" />
 <element id="PlayerFlat.Wavebar.Inner" fg="0,0,255" fg2="0,0,255" />
 <element id="PlayerTopFlat.Wavebar" fg="0,0,255" fg2="0,0,255" />
 <element id="PlayerTopFlat.Wavebar.Inner" fg="0,0,255" fg2="0,0,255" />
 <element id="Compact.Player.Wavebar" fg="0,255,0" fg2="0,255,0" />
 <element id="Compact.Player.Wavebar.Inner" fg="0,255,0" fg2="0,255,0" />
</colours>
</root>

It works for me.
Have you named your new skin file differently from 'Elemental', and did you select that new skin name in MusicBee?

alec.tron

  • Hero Member
  • *****
  • Posts: 599
Nevermind, user-error.
I did not re/point MusicBee to the edited .xml that references the .xmlc.
Done now & now I have blindness inducing yellow & reds...
Cheers.
c.

hiccup

  • Member
  • Hero Member
  • *****
  • Posts: 3363
I would love to have contextual colouring - ideal would be the more stars, the brighter, or even full colour changes...
But for starters, dimming down the thumbs down, and colouring stars differently from thumbs down would for quick visual readability for me (which I would prefer over a consistent look).

At the moment MusicBee already dims the 'No stars' icon by some 20%. (which I don't like personally, I prefer consistency)

It is currently not possible to set different colours as you describe above.
You could post a wish for that in the skin developers board.
 

Quote
Is there a list/documentation of "element id=" your Elemental Skin uses, and which can be altered by ID ?

All elements that are in my Sample Skin should be present in all my other skins too.
So if you use a colour picker on the Sample Skin it shouldn't be hard to find the right element.

hiccup

  • Member
  • Hero Member
  • *****
  • Posts: 3363
Done now & now I have blindness inducing yellow & reds...

Haha, please be kind to my delicate skin ;-)