SteamUI-OldGlory icon indicating copy to clipboard operation
SteamUI-OldGlory copied to clipboard

Published 20 hours ago • verified publisher icon Jonius7

Matching Steam Skins for Library Themes and Tool for making Library Themes

Open FatheredPuma81 opened this issue 4 years ago • 3 comments

Kind of dumb Github doesn't seem to have a dedicated area to post feedback/suggestions. I have 2 suggestions. The 1st is Library Themes should also come with a color matching Steam Skin. The 2nd is a tool to easily make your own custom Library Themes if it isn't too much work.

FatheredPuma81 avatar Jan 14 '21 22:01 FatheredPuma81

The 1st is Library Themes should also come with a color matching Steam Skin.

I could provide some integration to install themes with existing skins such as:

However, new skins are out of scope for SteamUI-OldGlory - I would not be creating them, but someone else could certainly do so.

The 2nd is a tool to easily make your own custom Library Themes if it isn't too much work.

There is some support already to add in your own themes to be selectable in the OldGlory app. By editing the themes property in old_glory_data.json, you can specify:

  • the name of the theme to be added
  • theme author
  • filename for the theme file, (.scss)
  • order: whether to apply the theme before or after SteamUI-OldGlory changes

Additionally, you can also input in your own custom CSS changes currently in _user_module1.scss and _user_module2.scss. The list of modules is defined in libraryroot.custom.scss, so the filenames can be changed. However, it would then up to the user to create a backup of their custom changes when I put out a new release of SteamUI-OldGlory, so as to not overwrite their files. UPDATE: Release 5.5 does backup any files that it updates.

As for making your own custom library themes - the tool would be at most, some small customizations like changing colors, or fonts. Example: https://metroforsteam.com/personalize

For more finetuning, you'd be better off adding in custom CSS yourself. Some links to more information

Jonius7 avatar Jan 16 '21 05:01 Jonius7

However, new skins are out of scope for SteamUI-OldGlory - I would not be creating them, but someone else could certainly do so.

Shame, however I do think some sort of integration that you spoke of would be nice, as I didn't even know that Shiina's Theme was meant to be used with the Metro Skin until looking at their Github.

As for making your own custom library themes - the tool would be at most, some small customizations like changing colors, or fonts. Example: https://metroforsteam.com/personalize

This is pretty much what I'm talking about. A basic tool that allows for simple color/gradient customizations. I had to spend a while digging through the other themes to find the value so that I could change the Home Page color in the Dark Theme from the default Light Gray to Black. Also I was talking about basic color matching skins, similar to the ones you can get off of Steamcustomizer, although if the ability to make Basic Themes is added I guess pretty much remaking Steamcustomizer is a bit out of the scope for this project.

Also that video you linked helps a ton. Would have been great if I knew about that before I had to look through the other skins for the Home Page value.

FatheredPuma81 avatar Jan 16 '21 17:01 FatheredPuma81

Summary of what is being requested here:

Integration to install themes with existing skins such as:

Overall can be a bit of work to do - the options to select which theme you want will probably go into a tab on the main page.

  • Downloads packages for these skins from their respective URLs and copies them to Steam directory
  • User will have to manually switch theme in Steam Settings, or for Windows, a value can be changed in Registry if really needed
  • Need to look at SteamCustomiser tool to see how they do it
  • Easy configurability by putting the URLs into json

Projected release - Release 6.5 or later

Adding in "preview image" support for custom themes

Current support:

By editing the themes property in old_glory_data.json, you can specify:

  • the name of the theme to be added
  • theme author
  • filename for the theme file, (.scss)
  • order: whether to apply the theme before or after SteamUI-OldGlory changes

~~Projected release - Release 6.5~~ Since 5.6.5-beta1, if a theme's .scss file is named _mytheme.scss, then if an image exists in images\theme_mytheme.png, it will appear as a preview image. Example: theme file: themes\_mytheme.scss image file: images\theme_mytheme.png

Adding in UI for many themes / adding your own custom themes Projected release - Release 7.0 or later

Inputting custom CSS:

  • currently in _user_module1.scss and _user_module2.scss (since Release 5.7.2 now in _custom_module1.scss and _custom_module2.scss
  • Add custom modules in libraryroot.custom.scss?
  • Need more users' feedback on how convenient it is for them to add custom CSS.

Review for Release 6.5

Tool/Options for easy color/gradient/font customisations

Requires finding and adding a lot of CSS variables.

  • Work could be reduced by adding them as I go, instead of having to go back and add them in afterwards.

Requires programming more UI to handle color picking.

  • Projected release - Release 6.5 or later.

Jonius7 avatar Mar 10 '21 09:03 Jonius7