Skin Development!



Ok, I heard back from cuu.
I’m fixing the last hard-coded colors now.

I’ll add them to the pull request and hopefully everyone can have their beautiful colors on every page


I saw an above mention about animation for the music player or the UI.

If any developers need or want to implement code with animation, let me know. I do motion graphics & animation and would be more then willing to contribute.


My latest changes for skinning were included in the 1.22 update.
Please let me know if anyone sees any areas of the UI which aren’t themed


Thanks for all the work you’ve done on this! I’ll gdt the additions added to my themes in the next few days.
Any idea where I can find these new additions, or what their called? I’m guessing they were added as options to the config.cfg file?
I’ll dig through the code when I’ve got some time.


yup yup, “Disabled” and “Black” were added as colors to customize.
Here’s the complete list:

    Colors["High"] = pygame.Color(51, 166, 255)
    Colors["Text"] = pygame.Color(83, 83, 83)
    Colors["Front"] = pygame.Color(131, 199, 219)
    Colors["URL"] = pygame.Color(51, 166, 255)
    Colors["Line"] = pygame.Color(169, 169, 169)
    Colors["TitleBg"] = pygame.Color(228, 228, 228)
    Colors["Active"] = pygame.Color(175, 90, 0)
    Colors["Disabled"] = pygame.Color(204, 204, 204)
    Colors["White"] = pygame.Color(255, 255, 255)
    Colors["Black"] = pygame.Color(0, 0, 0)

We may want to start thinking about having the option for the UI to specify more granular colors with defaults.
ie: we could have a more specific color option like “MusicPlayer_Spectrum_BackgroundColor” with the default of “Black” if that value isn’t specified.


Those tapedeck Screenshots from earlier, are these from the OP-1?


Yup that’s right, made a gif that loops for pygame library for the player, second picture


i updated my skin, but still can’t get many of the colors to work.

@follower46 is your list supposed to be working with the 1.21 launcher, or do i need another version?

my config.cfg looks like this

High = #13ad3e		  # ???
Text = #ff6bda		  # Title bar text color (current selection and clock)
Front = #13ad3e		  # ???
URL = #13ad3e	      # ???
Line = #ffb2eb		  # border color of top and bottom title bar
TitleBg = #fdeef8	  # background color of top title bar
Active = #13ad3e	  # ???
Disabled = #13ad3e	  # ???
White = #fdeef8		  # launcher background color
Black = #13ad3e		  # ???

Only the four colors i added a description to seem to change anything in the launcher. Help with filling the ???s also would be appreciated :wink:


Uh, sorry - you answered that part already. 1.22 is not available through the update function, how can it be installed?


Cloning from github repo