What does your Mairlist look like?

Yes and no. :smiley:

Trying to work with different dark colours in Windows 10 always caused a bunch of problems, e.g. the colour of the mAirList Toolbar menue text is always black.
However, I found a backdoor which is not perfect but acceptable.

I use the option “High contrast”, a part of “Ease of Access” in Windows 10 (and 8.1, I think).
As I have no Windows in english, I hope this translation is correct.

I think, this ist not the solution you meant with “high res black”, is it?

In the “High contrast” menue you can define and save your own colour scheme - and when you synchronize the Windows background to the mAirList background, everything’s fine. 8)
Additionally: The colours of the menue text appear in white - or whatever you define in Windows.

Examples with screenshots you will find in this post in the german forum:

You can easily switch between the “High contrast” and “normal colours” via a key combination.

Hope, my english is understandable so far. :wink:

Regards,
Uli

EDIT: Inserted an additional quote. Did it cause confusion so far? :-[

[quote=“Uli Nobbe, post:41, topic:10779”]Yes and no. :smiley:

Trying to work with different dark colours in Windows 10 always caused a bunch of problems, e.g. the colour of the mAirList Toolbar menue text is always black.
However, I found a backdoor which is not perfect but acceptable.

I use the option “High contrast”, a part of “Ease of Access” in Windows 10 (and 8.1, I think).
As I have no Windows in english, I hope this translation is correct.

I think, this ist not the solution you meant with “high res black”, is it?

In the “High contrast” menue you can define and save your own colour scheme - and when you synchronize the Windows background to the mAirList background, everything’s fine. 8)
Additionally: The colours of the menue text appear in white - or whatever you define in Windows.

Examples with screenshots you will find in this post in the german forum:

You can easily switch between the “High contrast” and “normal colours” via a key combination.

Hope, my english is understandable so far. :wink:

Regards,
Uli

EDIT: Inserted an additional quote. Did it cause confusion so far? :-[[/quote]

Yes it’s the same
But when you switch to the database view I don’t like the dark view.
So I don’t use it anymore.
I hope that one day whe can fill the white areas in the skin.

Greetings Henk

Okay… now I know how to name that in english. :slight_smile:

You are right - especially, when you work with marking colors for a special element type. :frowning:

Difficult, since it is Windows-based. I’m not sure whether Torben has enough “magic power” to override that. ;D
AFAIK there was a time in W10 you could create your own design but that was killed by one of the spring or autumn updates.

Here it is, with comments customized to the international version.
Please do not hesitate to give me hints if you discover errors in it.

; Reminder: Used Colors in skin.ini

; Background "dark grey" (near black)
; RGB 24,24,24 = #181818

; ProTip: Defining this background color in mAirList Config > Playlist > Player as "Custom", you don’t have to write multiple times PlayerState BackgroundColors

; Please do not forget background color for each GUI screen object in mAirList Config.
; - Yes, I know this is a lot of work to do -

; Standard color "light grey" used for “active” fonts
; RGB 230,230,230 = #E6E6E6

; Color "darker grey" used for “inactive” fonts
; RGB 164,164,164 = #A4A4A4
; E.g.: Played items in Playlist, Player in CUE State not in NEXT

; Note: You can use these colors in your personal Windows “High contrast” scheme.

; Color "Amber" used for NEXT and CUE etc.
; RGB 255,156,46 = #FF9C2E

; Color "mat light green" used for PLAYING etc.
; RGB 115,222,0 = #73DE00

; Color "Turquoise light blue" used for WaveForm and ProgressBar - unfortunately it’s not the real Pioneer look-alike :-((
; RGB 0,204,255 = #00CCFF

; Color used for Instrumentals, also StopButtonBorderColor (dark red)
; RGB 128,0,0 = #800000

; Color used for Custom1 = (here used for german music)
; RGB 128,128,255 = #8080FF

; Color used for Promos, Station-IDs, News etc. (dark green)
; RGB 128,128,0 = #808000

; Color used for errors (classic red)
; RGB 128,0,0 = #FF0000

; Standard font is "Segoe UI"

[MainWindow]
Color=#181818
FontName=Segoe UI
FontColor=#E6E6E6

[Playlist]
FontName=Segoe UI
FontSize=14
ToolbarBackgroundColor=#181818
RowColor=#181818
FontColor=#E6E6E6
UnfocusedSelectionColor=#181818
BacktimingFontStyle=0
TreeLineColor=#A4A4A4

; Comments on music titles
CommentFontSize=12
CommentFontStyle=2

; Overlay on the right side of the playlist, with a small correction
; Playlist is a bit better readable during the countdown
OverlayPosition=E
OverlayPaddingX=40

; ProgressBar
ProgressBarHeight=16
ProgressBarBorderColor=#181818
ProgressBarRemainColor=#00CCFF
ProgressBarElapsedColor=#181818

; Colors used to highlight special elements in playlist
InstrumentalFontColor=#800000
Custom1FontColor=#8080FF
NewsFontColor=#808000
PromoFontColor=#808000
JingleFontColor=#808000
ErrorFontColor=#FF0000

; Colors defined by PlayerState (has priority to element color - please use this setting in the mAirList config)
PlayingFontColor=#73DE00
NextFontColor=#FF9C2E
LoadedFontColor=#FF9C2E

; Played elements
PlayedFontSize=12
PlayedFontColor=#A4A4A4

[PlaylistToolbar]
; Defining Button Colors:
; Active BorderColors in Cue-Amber & Playing Green, Hover in inactive grey
; No Border needed? Use BorderColor = background color ;)

; General settings
ButtonInactiveColor=#181818
ButtonActiveColor=#181818
ButtonInactiveBorderColor=#181818
ButtonActiveBorderColor=#181818
ButtonInactiveHoverColor=#A4A4A4
ButtonActiveHoverColor=#A4A4A4
ButtonInactiveHoverBorderColor=#181818
ButtonActiveHoverBorderColor=#181818

; Event
; Please note - Event is ALWAYS “Inactive”
EventButtonInactiveBorderColor=#FF9C2E
EventButtonInactiveHoverBorderColor=#73DE00

; Assist / Auto
AssistAutoButtonInactiveBorderColor=#FF9C2E
AssistAutoButtonActiveBorderColor=#73DE00
; while hovering the BorderColors of Active / Inactive will be switched ;)
AssistAutoButtonInactiveHoverBorderColor=#73DE00
AssistAutoButtonActiveHoverBorderColor=#FF9C2E

; Stop / Play
StopButtonActiveBorderColor=#FF9C2E
StopButtonActiveHoverBorderColor=#800000

; The Play-Button is always Inactive as well as the Event button
PlayButtonInactiveBorderColor=#FF9C2E
PlayButtonInactiveHoverBorderColor=#73DE00

[Player]
FontName=Segoe UI

; Making PlayerBorder invisible
BorderColor=#181818

; WaveForm inside the player
WaveFormInactiveColor=#181818
WaveFormBackgroundColor=#181818
WaveFormBorderColor=#181818
WaveformNormalColor=#00CCFF
WaveFormPlayedColor=#181818

; Button inside the player
; General settings
ButtonSize=32
ButtonBorderColor=#181818
ButtonActiveHoverColor=#A4A4A4
ButtonInactiveHoverColor=#A4A4A4

; State defined settings
; Here is still something to change; the work on that part is not yet done!
StartButtonInactiveBorderColor=#73DE00
PauseButtonInactiveBorderColor=#FF9C2E
StopButtonActiveBorderColor=#800000
StopButtonInactiveBorderColor=#800000
PFLButtonInactiveBorderColor=#FF9C2E
PFLButtonActiveBorderColor=#FF9C2E

; EOF-Warning: Since I don’t wanted a high contrast flashing, I decided to use deep black.
FlashEOFColor=#000000

; Font sizes and -colors inside the player;
; the colors vary depending on the PlayerState.
NameFontSize=30
TimeFontSize=30
StateFontSize=18
TitleFontSize=18
ArtistFontSize=14

EmptyNameFontColor=#A4A4A4

NextTitleFontColor=#FF9C2E
NextArtistFontColor=#FF9C2E
NextStateFontColor=#FF9C2E

PlayingStateFontColor=#73DE00
PlayingTitleFontColor=#73DE00
PlayingArtistFontColor=#73DE00

LoadedNameFontColor=#A4A4A4
LoadedStateFontColor=#FF9C2E
LoadedTitleFontColor=#A4A4A4
LoadedArtistFontColor=#A4A4A4
LoadedTimeFontColor=#A4A4A4

[Cartwall]
FontName=Segoe UI

PlayerDarkFontColor=#E6E6E6
PlayerInverseFontColor=#A4A4A4

; Set width of the tab automatically; however: it doesn’t work to date.
TabWidth=0

; State defined grid lines
OnAirGridColor=#73DE00
OffAirGridColor=#A4A4A4
PFLGridColor=#FF9C2E

; State defined player color (seems not to work)
OffAirPlayerColor=#181818
OnAirPlayerColor=#73DE00
PFLPlayerColor=#FF9C2E

; ProgressBar
ProgressBarBorderColor=#181818
ProgressBarRemainColor=#00CCFF
ProgressBarElapsedColor=#181818

[CartwallToolbar]
; Buttons
; General settings
ButtonActiveColor=#181818
ButtonInactiveColor=#181818
ButtonActiveBorderColor=#181818
ButtonInactiveBorderColor=#181818
ButtonActiveHoverColor=#A4A4A4
ButtonInactiveHoverColor=#A4A4A4
ButtonActiveHoverBorderColor=#181818
ButtonInactiveHoverBorderColor=#181818

; State defined settings
OnAirButtonActiveBorderColor=#73DE00
PFLButtonActiveBorderColor=#FF9C2E
1 Like

I have taken Ulis skin.ini and added a few extra lines. I would like to stay on any default Windows Color setting and do as much as possible settings just via the skin.ini.
Not as fancy as Ulis complete setup yet, but some a little progress.


So I have some trouble with the toolbar, having all black fonts.
Also the white background of the browser and the light gray status of the players, if empty or in stop/paus state.

Assist/ Auto Buttons and Cartwall PFL Button needs some little tweaking. I’d like to make them all the same and I really like the bright white “ON” of the Cartwall.

The color coding of the frames is identical on Cartwall and Assist- / Auto- Button, but they behave different.
Here is the full file with my additions.

; Reminder: Used Colors in skin.ini

; Background "dark grey" (near black)
; RGB 24,24,24 = #181818

; ProTip: Defining this background color in mAirList Config > Playlist > Player as "Custom", you don’t have to write multiple times PlayerState BackgroundColors

; Please do not forget background color for each GUI screen object in mAirList Config.
; - Yes, I know this is a lot of work to do -

; Standard color "light grey" used for “active” fonts
; RGB 230,230,230 = #E6E6E6

; Color "darker grey" used for “inactive” fonts
; RGB 164,164,164 = #A4A4A4
; E.g.: Played items in Playlist, Player in CUE State not in NEXT

; Note: You can use these colors in your personal Windows “High contrast” scheme.

; Color "Amber" used for NEXT and CUE etc.
; RGB 255,156,46 = #FF9C2E

; Color "mat light green" used for PLAYING etc.
; RGB 115,222,0 = #73DE00

; Color "Turquoise light blue" used for WaveForm and ProgressBar - unfortunately it’s not the real Pioneer look-alike :-((
; RGB 0,204,255 = #00CCFF

; Color used for Instrumentals, also StopButtonBorderColor (dark red)
; RGB 128,0,0 = #800000

; Color used for Custom1 = (here used for german music)
; RGB 128,128,255 = #8080FF

; Color used for Promos, Station-IDs, News etc. (dark green)
; RGB 128,128,0 = #808000

; Color used for errors (classic red)
; RGB 128,0,0 = #FF0000

; Standard font is "Segoe UI"

[MainWindow]
Color=#181818
FontName=Segoe UI
FontColor=#E6E6E6

[Playlist]
BackgroundColor=#181818
FontName=Segoe UI
FontSize=14
ToolbarBackgroundColor=#181818
ToolbarFontColor=#E6E6E6
RowColor=#181818
FontColor=#E6E6E6
UnfocusedSelectionColor=#181818
BacktimingFontStyle=0
TreeLineColor=#A4A4A4

; Comments on music titles
CommentFontSize=12
CommentFontStyle=2

; Overlay on the right side of the playlist, with a small correction
; Playlist is a bit better readable during the countdown
OverlayPosition=E
OverlayPaddingX=40

; ProgressBar
ProgressBarHeight=16
ProgressBarBorderColor=#181818
ProgressBarRemainColor=#00CCFF
ProgressBarElapsedColor=#181818

; Colors used to highlight special elements in playlist
InstrumentalFontColor=#800000
Custom1FontColor=#8080FF
NewsFontColor=#808000
PromoFontColor=#808000
JingleFontColor=#808000
ErrorFontColor=#FF0000

; Colors defined by PlayerState (has priority to element color - please use this setting in the mAirList config)
PlayingFontColor=#73DE00
NextFontColor=#FF9C2E
LoadedFontColor=#FF9C2E

; Played elements
PlayedFontSize=12
PlayedFontColor=#A4A4A4

[PlaylistToolbar]
; Defining Button Colors:
; Active BorderColors in Cue-Amber & Playing Green, Hover in inactive grey
; No Border needed? Use BorderColor = background color ;)

; General settings
ButtonInactiveColor=#181818
ButtonInactiveFontColor=#A4A4A4
ButtonInactiveBorderColor=#181818
ButtonInactiveHoverColor=#A4A4A4
ButtonInactiveHoverBorderColor=#181818
ButtonActiveColor=#181818
ButtonActiveBorderColor=#181818
ButtonActiveHoverColor=#A4A4A4
ButtonActiveHoverBorderColor=#181818

; Event
; Please note - Event is ALWAYS “Inactive”
EventButtonInactiveBorderColor=#FF9C2E
EventButtonInactiveHoverBorderColor=#73DE00

; Assist / Auto
AssistAutoButtonInactiveBorderColor=#FF9C2E
AssistAutoButtonActiveBorderColor=#73DE00
AssistAutoButtonActiveFontColor=#FF9C2E
; while hovering the BorderColors of Active / Inactive will be switched ;)
AssistAutoButtonInactiveHoverBorderColor=#73DE00
AssistAutoButtonActiveHoverBorderColor=#FF9C2E

; Stop / Play
StopButtonActiveBorderColor=#FF9C2E
StopButtonActiveHoverBorderColor=#800000

; The Play-Button is always Inactive as well as the Event button
PlayButtonInactiveBorderColor=#FF9C2E
PlayButtonInactiveHoverBorderColor=#73DE00

[Player]
BackgroundColor=#181818
EmptyBackgroundColor=#181818
FontName=Segoe UI

; Making PlayerBorder invisible
BorderColor=#181818

; WaveForm inside the player
WaveFormInactiveColor=#181818
WaveFormBackgroundColor=#181818
WaveFormBorderColor=#181818
WaveformNormalColor=#00CCFF
WaveFormPlayedColor=#181818

; Button inside the player
; General settings
ButtonSize=32
ButtonBorderColor=#181818
ButtonActiveHoverColor=#A4A4A4
ButtonInactiveHoverColor=#A4A4A4

; State defined settings
; Here is still something to change; the work on that part is not yet done!
StartButtonInactiveBorderColor=#73DE00
PauseButtonInactiveBorderColor=#FF9C2E
StopButtonActiveBorderColor=#800000
StopButtonInactiveBorderColor=#800000
PFLButtonInactiveBorderColor=#FF9C2E
PFLButtonActiveBorderColor=#FF9C2E

; EOF-Warning: Since I don’t wanted a high contrast flashing, I decided to use deep black.
FlashEOFColor=#000000

; Font sizes and -colors inside the player;
; the colors vary depending on the PlayerState.
NameFontSize=30
TimeFontSize=30
StateFontSize=18
TitleFontSize=18
ArtistFontSize=14

EmptyNameFontColor=#A4A4A4

NextTitleFontColor=#FF9C2E
NextArtistFontColor=#FF9C2E
NextStateFontColor=#FF9C2E

PlayingStateFontColor=#73DE00
PlayingTitleFontColor=#73DE00
PlayingArtistFontColor=#73DE00

LoadedNameFontColor=#A4A4A4
LoadedStateFontColor=#FF9C2E
LoadedTitleFontColor=#A4A4A4
LoadedArtistFontColor=#A4A4A4
LoadedTimeFontColor=#A4A4A4

[Cartwall]
FontName=Segoe UI
WindowBackgroundColor=#181818
PlayerDarkFontColor=#E6E6E6
PlayerInverseFontColor=#A4A4A4

; Set width of the tab automatically; however: it doesn’t work to date.
TabWidth=0

; State defined grid lines
OnAirGridColor=#73DE00
OffAirGridColor=#A4A4A4
PFLGridColor=#FF9C2E

; State defined player color (seems not to work)
OffAirPlayerColor=#181818
OnAirPlayerColor=#73DE00
PFLPlayerColor=#FF9C2E

; ProgressBar
ProgressBarBorderColor=#181818
ProgressBarRemainColor=#00CCFF
ProgressBarElapsedColor=#181818

[CartwallToolbar]
; Buttons
; General settings
ButtonActiveColor=#181818
ButtonInactiveColor=#181818
ButtonActiveBorderColor=#181818
ButtonInactiveBorderColor=#181818
ButtonActiveHoverColor=#A4A4A4
ButtonInactiveHoverColor=#A4A4A4
ButtonActiveHoverBorderColor=#181818
ButtonInactiveHoverBorderColor=#181818

; State defined settings
OnAirButtonActiveBorderColor=#73DE00
PFLButtonActiveBorderColor=#FF9C2E

Well I can answer a few of my findings, myself.
The Auto/Assist Button definition is correct but only defined for the combined Button. As I also usually have it in my settings but for testing I left it in default with seperated Assist and Auto Button.

This Block Updated like so, works with both:

; Assist / Auto combined
AssistAutoButtonInactiveBorderColor=#FF9C2E
AssistAutoButtonActiveBorderColor=#73DE00
AssistAutoButtonActiveFontColor=#FF9C2E
; while hovering the BorderColors of Active / Inactive will be switched ;)
AssistAutoButtonInactiveHoverBorderColor=#73DE00
AssistAutoButtonActiveHoverBorderColor=#FF9C2E
; Assist / Auto seperated
AutoButtonInactiveBorderColor=#FF9C2E
AutoButtonActiveBorderColor=#73DE00
AutoButtonActiveFontColor=#FF9C2E
AutoButtonInactiveHoverBorderColor=#73DE00
AutoButtonActiveHoverBorderColor=#FF9C2E

AssistButtonInactiveBorderColor=#FF9C2E
AssistButtonActiveBorderColor=#73DE00
AssistButtonActiveFontColor=#FF9C2E
AssistButtonInactiveHoverBorderColor=#73DE00
AssistButtonActiveHoverBorderColor=#FF9C2E

Hey @shorty.xs

great job, thank you. :slight_smile:

Some things have changed, some finetuning has happened and some parts must be written new since I have learned a few things about missing skin features.

Since it is my personal vision of a dark skin with very individual colors, I think I should publish the next skin.ini as “block by block” with screenshots. So everybody can see what is changing and what is meant by this part of the skin.ini.

Your screenshot shows one thing that is really a problem: The colour of the text to the buttons can’t be changed; it seems to be fixed as black. I wish Torben would “release” it to a free choice of FontColour.

There is another element I’m still not happy: Event on / off / time when next event happens. What do you think about changing colour if next event is planned or off?

So many ideas…

I also managed to get the browser dark, but there I have the same problem, all the text is black and so you can’t read. Neither the Button Names nor the Filenames in the Browser Box.

Player colors don’t work at all for me.
The Wiki says:

Player State can be left empty to adjust all colors at the same time, or use one of the following values:

I left it empty and set it like:

[Player]
BackgroundColor=#181818
FontName=Segoe UI
Color=#181818

But as you see it is still all light gray. Didn’t try to use dedicate player state colors yet.

There is a thread (I can’t find as fast as I want) where Torben answered that it is not possible at the moment and the Wiki is wrong at this point.

I think he has no time to repair it, but maybe I can change the Wiki today or tomorrow. :clock3:

Btw, reliable volunteer Wiki editors are welcome… :wink:

Just the Global setting doesn’t work or no Player coloring will work?

This part. It is mentioned three times in the Wiki, when I remember correctly.

Double Checked: YES.
Setting EmptyColor= works So this step needs to be repeated for all states you want to define.

image

1 Like

Here is another small fix:

The Next Colors in the Player Section were incomplete so Name and Time were displayed in Black.

NextNameFontColor=#FF9C2E
NextTitleFontColor=#FF9C2E
NextArtistFontColor=#FF9C2E
NextStateFontColor=#FF9C2E
NextTimeFontColor=#FF9C2E

It is in the german section:

(“After a quick look in the code I would say the information is not correct. You actually have to configure it separately for each state.”)

Is all other information in this thread helpful for you?

Well when using the Skin.ini, a frew lines more don’t really hurt that much. So it is just the information in the Wiki, that is wrong. If you correct that as soon as you find some time, it should be good.

Still there is something that I find is a bit strange, could be related to how Windows 10 handles the styles. I have enabled the dark mode on Windows 10, that is there sinc 1803 (I think)
So my default Text Color is something bright, not really white by very light gray or something but for mAirlist it is still black as the default color or is that hardcoded also? Does it use old styling? Why does it work correct, when using the High Contrast Colot Theme?

Still a little way ahead but with the result so far, it is getting close to be at least usable (for me). Probably I’ll just choose a slightly lighter gray as the main color so that I can barely read the black text.

I also want a different way of player coloring, I want to keep the main player colors, when active, because the faders on my desk are the same color.

Good point.
I had a discussion on that with @henk before (see November '18, #40 ff.) and we found out that high res black does not work good with mAirlist. You have problems reading menues, database entries, attributes and so on = it’s all written in #000000.

Imho Torben has fixed colors in the mAirList modules like configuration or database (look at the welcome page of the configuration in high res black!). It was programmed as black text on a white - or windows gray - background, not corresponding to the actual Windows colour scheme.


EDIT: We had a discussion on high res black in the german section - including screenshots - here:

314/5000

things to do.
Darken the sliders, color or remove the white connect in the enconder. Remove the entire edit bar in the mix editor (don’t like all those colors and if you don’t select anything, everything will be white)
And in the database bar the duration is on the center at start-up, you cannot lock it as in the playlist bar.

3 Likes

Great work, Henk, my compliments. Is this a dual-monitor setup?

Yes 2 24inch evrything is triggerd by item type.

How did you manage to get white fonts in the Browser?

It only works in the database view. I’m on vacation this week so I can’t check it out. I just think fontcoler. Remind me next week then I’ll look it up in the code.

1 Like