Steam Full Dark Mode Skin

[Bucetossauro]

When I was looking to update my skin, I came across BallOpener's guide that encompassed Friends UI, Library, Web Pages (btw ty Shiina for those two, they rock), so I made an all-in-one pack of them. Aside from putting Metro+Unofficial Patch+Dark Mode+Library together I made a custom Friends UI skin with LaserFlash's tool and tweaked Shiina's webkit.css a bit for the carousel thumbs to have a purple color to match the Metro theme I chose. Here's the link for the repo[github.com] (If I'm violationg something from any of the parties involved DM/tag/create an issue/send an email)

[RedSigma]

I recommend mentioning the authors of metro, unofficial patch, dark mode, and library tool on the github link to avoid any possible problems.

[Bucetossauro]

@RedSigma tyvm, done

[RedSigma]

Originally posted by Hyoretsu:

@RedSigma tyvm, done

The custom friends ui tool was not made by me but by this guy [github.com]
Also you can remove the picture with the following options as those no longer work with the new steam ui.

[Bucetossauro]

Originally posted by RedSigma:

Originally posted by Hyoretsu:

@RedSigma tyvm, done

The custom friends ui tool was not made by me but by this guy [github.com]
Also you can remove the picture with the following options as those no longer work with the new steam ui.

Aaaaa fixed. (though I looked at it and LaserFlash's name, Bryn Bennett is written in the site, so I put his name) And out of those at least the Red Highlight one and Big Picture Button still work ¯\_(ツ)_/¯

[RedSigma]

Originally posted by Gr4mas:

Hello
I have one question
How to change main purple color? It is possible ? which file i need edit to change the color ?

In custom.styles edit Focus variable to another rgba value but keep 255 at end. This wont affect the library / store/chat. You need a different skin for those

[Bucetossauro]

Originally posted by Gr4mas:

Thank you

Following what @RedSigma said you can also edit the 3 .carousel_thumbs entries in webkit.css to another color

[Gr4mas]

BTW where i can find this "the 3 .carousel_thumbs"?
First part which RedSigma type i understand , second i dont understand.

[Gr4mas]

i just wanted change Purple "102 36 226" for "100 207 147" cuz Purple scrollbar, library / store and chat.Cuz those Purple is too dark and illegible

[Bucetossauro]

Originally posted by Gr4mas:

BTW where i can find this "the 3 .carousel_thumbs"?
First part which RedSigma type i understand , second i dont understand.

"in webkit.css" that's inside /skins/Metro for Steam/resource, just search for .carousel_thumbs. That only works for store, Chat doesn't have purple at all and for library you need to find your way through /steamui/config.css

[Gr4mas]

Ohhhh now I Understand thank you very much

[Sly]

Does anyone know how to change the text color using the webkit thingy

[Bucetossauro]

Originally posted by Angelo:

Does anyone know how to change the text color using the webkit thingy

You gotta find the id/class of what you want and change the color to another hex code

[Sly]

Is it possible to change the text color of this? https://imgur.com/a/CE4fSel
How do you remove this? https://imgur.com/gallery/FKtHaVK

[Bucetossauro]

Originally posted by Angelo:

Is it possible to change the text color of this? https://imgur.com/a/CE4fSel
How do you remove this? https://imgur.com/gallery/FKtHaVK

You can change the color of anything, you just gotta find its id or class (and image didn't load). Also I'm confident the 2nd screenshot is a configuration of yours, I don't have pfp/name on the right side

[Sly]

It's this one https://imgur.com/gallery/Z37VcrH :) I'll try to find the id