by drakinite » Mon Sep 06, 2021 6:11 pm
It's actually simpler than you might think!
If you take a look at skin_base.less (in MediaMonkey 5/skin), you'll find the following:
Code: Select all
@textColor: contrast(@baseColor, black, white);
If you override @textColor, you can override the base text color for all elements.
Here's what I got by overriding just @textColor, @warningColor, and @windowBorderColor:
Code: Select all
@textColor: rgb(61, 226, 61);
@baseColor: #000000;
@warningColor: #bdffb7;
@controlColor: #101010;
@hoverColor: @warningColor;
@hoverBgColor: darken( @warningColor, 52%);
@borderColor: @warningColor;
@selectedColor: lighten(@baseColor, 20%);
@disabledSelectedColor: mix(@baseColor, @selectedColor, 50%);
@highlightBgColor: @highlightColor;
//@shadowColor: @hoverBgColor;
@windowBorderColor: #4fac47;
@font-face { font-family: Roboto; src: url("/skin/fonts/Roboto-Regular.ttf"); }
body {
font-family: Roboto, sans-serif;
}
BTW: If you haven't installed the refreshSkinShortcut addon (either by copying the refreshSkinShortcut folder from SampleScripts to Scripts, or installing from
here, I'd highly recommend doing so. You just have to click the button once to refresh your skin's LESS/CSS.
It's actually simpler than you might think!
If you take a look at skin_base.less (in MediaMonkey 5/skin), you'll find the following:
[code]@textColor: contrast(@baseColor, black, white);[/code]
If you override @textColor, you can override the base text color for all elements.
Here's what I got by overriding just @textColor, @warningColor, and @windowBorderColor:
[img]https://i.imgur.com/hAZRiSB.png[/img]
[code]@textColor: rgb(61, 226, 61);
@baseColor: #000000;
@warningColor: #bdffb7;
@controlColor: #101010;
@hoverColor: @warningColor;
@hoverBgColor: darken( @warningColor, 52%);
@borderColor: @warningColor;
@selectedColor: lighten(@baseColor, 20%);
@disabledSelectedColor: mix(@baseColor, @selectedColor, 50%);
@highlightBgColor: @highlightColor;
//@shadowColor: @hoverBgColor;
@windowBorderColor: #4fac47;
@font-face { font-family: Roboto; src: url("/skin/fonts/Roboto-Regular.ttf"); }
body {
font-family: Roboto, sans-serif;
}[/code]
BTW: If you haven't installed the refreshSkinShortcut addon (either by copying the refreshSkinShortcut folder from SampleScripts to Scripts, or installing from [url=https://www.mediamonkey.com/addons/browse/item/refresh-skin-shortcut/]here[/url], I'd highly recommend doing so. You just have to click the button once to refresh your skin's LESS/CSS.