is there a way to change steam text color?
white text on a dark background is hard for me to read cause bright lights such as white computer text streak downwards a little for me(probably cause my astigmatism) making it real hard to read stuff on here. if there is a way it would be great
Last edited by NurturantQuasar; Apr 24, 2020 @ 1:45am

Something went wrong while displaying this content. Refresh

Error Reference: Community_9743614_
Loading CSS chunk 7561 failed.
(error: https://community.cloudflare.steamstatic.com/public/css/applications/community/communityawardsapp.css?contenthash=789dd1fbdb6c6b5c773d)
Showing 1-1 of 1 comments
ペンギン Apr 24, 2020 @ 3:13am 
Yes, you can change the whole layout. Background, font color/weight/style/size, images and much more.

Depends on how much work you want do and how much knowledge you have with CSS (Cascading Style Sheets). There is no easy solution as far as i can say. At least not if you want to do it yourself.

--

The best is to create an own skin.

Copy "resource" and "graphics" from steam installation folder to *steam\skins\your new skin*
Edit webkit.css in *steam\skins\your new skin\resource\* for font-color and font styles, background and more.

Font color
body { font family: "Comic Sans MS" !important; } h2, body.v6 h2.pageheader { color:gold !important; }
To change the font to Comic Sans as example and h2 headlines and pageheader to a gold colored font

or
div.profile_customization_header { color:#FFF !important; font-weight:normal; font-size:14px; text-transform: uppercase; }
For the subcategory headlines on your profile in white color and uppercase and font-size 14


Font-style part 2
change to *skins/your new skin/resource/style*
edit "steam.styles"

Search for:
search for: // cool we can define font-families here as well basefont="Arial" basefont="Helvetica" [$OSX]

Replace it to every font you want
// cool we can define font-families here as well basefont="Comic Sans MS" basefont="Helvetica" [$OSX]

Comic Sans as example again. You can use any you like.

Background changing examples
div.no_header.profile_page.has_profile_background { background-repeat: no-repeat; background-attachment: fixed; } div.app_tag, div.hover_details_block_full.ellipsis { color:#ebebeb !important; background: #161a1f !important; }
To fix the background image on your profile or change values on the main page with another color

Conclusion
To change everything, its a bit more to do. The Steamclient (including the web only version) has much nested stuff, countless declarations and also things that overwrite each other. As example, I already made 131 background changes in my settings. Hidden backgrounds and graphics, changed colors and so on...

Also there are no limits. Only your creativity. You can use all font & background colors and font sizes that are comfortable for you. Green background with pink font color, but i guess it would be more harder to read ;]

It's helpful to use the inspect function in your browser or to use the dev mode within the Steam client to get an overview.
Last edited by ペンギン; Apr 24, 2020 @ 3:53am
Showing 1-1 of 1 comments
Per page: 1530 50

Date Posted: Apr 24, 2020 @ 1:42am
Posts: 1