Hi,
I am not a coder, but have been working on my own custom skin for MM5. I about have what I am looking for, but struggling with finding away to modify the text color in three areas. I am attaching a screen shot and hope you may be able to lend some guidance.
http://www.mediafire.com/view/sn356dxxa ... 0Theme.jpg
Thanks!
[SOLVED] Skin variable question
Moderators: jiri, drakinite, Addon Administrators
Re: Skin variable question
For the top three, search for this selector in the code.
That should also apply to the listview item on the bottom and the now-playing item on the right, but if you need to override them you can. This is the selector for the gridrow:
And this will work for the now playing list items:
If you need a separate color/background color for when it's focused, add your own selector with [data-focused], for example:
If you need to learn more about how CSS selectors work, the Mozilla Developer Network (MDN) is a fantastic resource. And if you don't know how Less works, I believe their site is here.
Here's the LESS that I added to test those selectors:
(Note that using "!important" isn't the greatest idea unless you have to. I just decided to add that because I didn't want to bother with CSS overrides elsewhere in the theme. Just used that code for demonstration.)
Code: Select all
.lvItem[data-selected]
Code: Select all
.lvItem.gridrow[data-selected]
Code: Select all
div[data-id=nowplayinglistContainer] .lvItem[data-selected]
Code: Select all
.lvItem[data-selected][data-focused]
Here's the LESS that I added to test those selectors:
Code: Select all
div[data-id=nowplayinglistContainer] .lvItem[data-selected]{
color: red!important;
}
div[data-id=nowplayinglistContainer] .lvItem[data-selected][data-focused]{
color: green!important;
}
.lvItem[data-selected]{
color: yellow!important;
}
.lvItem.gridrow[data-selected]{
font-weight: bold!important;
}
Student electrical-computer engineer, web programmer, part-time MediaMonkey developer, full-time MediaMonkey enthusiast
I uploaded many addons to MM's addon page, but not all of those were created by me. "By drakinite, Submitted by drakinite" means I made it on my own time. "By Ventis Media, Inc., Submitted by drakinite" means it may have been made by me or another MediaMonkey developer, so instead of crediting/thanking me, please thank the team. You can still ask me for support on any of our addons.
-
- Posts: 114
- Joined: Mon Dec 31, 2012 11:41 am
Re: Skin variable question
Thank you so much for the feedback and guidance. It is very much appreciated!
Re: Skin variable question
No probs! Good luck!
Student electrical-computer engineer, web programmer, part-time MediaMonkey developer, full-time MediaMonkey enthusiast
I uploaded many addons to MM's addon page, but not all of those were created by me. "By drakinite, Submitted by drakinite" means I made it on my own time. "By Ventis Media, Inc., Submitted by drakinite" means it may have been made by me or another MediaMonkey developer, so instead of crediting/thanking me, please thank the team. You can still ask me for support on any of our addons.