Skin Development!

[follower46]

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

[Meowi-Waui]

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.

[follower46]

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

[xstrex]

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.

[follower46]

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.

[acronym2k2]

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

[Michel_Jones]

Yup that’s right, made a gif that loops for pygame library for the player,
https://www.instagram.com/p/Bl69aTqlDHi/?utm_source=ig_share_sheet&igshid=r9fvge45zpro second picture

[hpcodecraft]

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

[Colors]
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

[hpcodecraft]

@follower46

1.22

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

[Petrakis]

Cloning from github repo

[Bader_AlSeiari]

hi, can u please make a step by step guide for me because im bad at programming, im using FileZilla to navigate between the folders instead of cmd, FileZilla is the same as WinSCP, I just want to know what to change, will you make steps for me, im bad at programming

[Alex_Miller]

i dont know if this is the right place to ask but, i would like to remove the labels under some of the games I’ve added. for example i have a folder from the main menu that has doom, doom 2 and heretic, all of the icons say the name of the game already, is there a way to hide the text underneath the icons?

[crystalsolenoid]

If you’re looking for theme inspiration, Lospec’s palette browser has some great stuff.

[mpuppet]

I’m confused by the installation instructions for these skins using the folder ~/apps/launcher/skin/
I am using v 1.24. My skin folder is in ~/launcher/skin. Am I missing something? Did something change?

[xstrex]

Yes, in recent versions of the os/launcher, the launcher/skin folder is no longer in apps. I’ll have to retest and rewrite the instructions for my skins anyways.

[Alex_Miller]

Starting to get the hang of this, I’ve got a yellow gameshell with a yellow skin

[Johnisa]

which files did you modify to change the colorrs?

[Jessica_Skirvin]

/home/cpi$ cd ~/apps/launcher/skin/
-bash: line 9: cd: /home/cpi/apps/launcher/skin/: No such file or directory
so im super new to this whole github thing. I got that error message. Im using winscp since it doesnt seem like filezilla has a command line thing.

[tpogculture]

Hi there. I too wanted to remove these labels so I did some playing around. Unfortunately it seems that these labels are taken from the directory or file names for the items. It does not seem to be possible to remove them. Unless there is some configuration option in the layout/menu code (I have not checked this and tbh am not entirely sure I could).

For example, in my Retro Games menu my Game Boy Advance Icon had the text label MGBA under it.

cpi@clockworkpi:~/launcher/Menu/GameShell/20_Retro Games$ ls
gb  MAME  MGBA  SNES

I wanted to change this text label to GBA so I renamed the directory and reloaded the UI. This works fine but would rule out having blank text labels under the icons as far as I can tell.

cpi@clockworkpi:~/launcher/Menu/GameShell/20_Retro Games$ ls
gb  GBA  MAME  SNES

[noahbechtel]

Hey! Thanks for all the help on this thread, I’ve done a little tinkering today and I’m pretty excited about the progress. I follow the retro linux scene, and took a template from the RetroFW icon set, along with some color tweaks, and I’m pretty excited with the result!