I was playing with css a few days ago decided to make 2 darker styles for steamgifts as my eyes usually explode after looking too long at a bright background.

Stylish required, grab it here for: Firefox - Chrome - Opera (not tested)

I'm gonna recommend everyone to switch to Stylus. It's a fork of Stylish that removes analytics and optimizes performance amongst other things.

------

SteamGifties Black

SteamGifties Blue

** Remember to select which settings you want on/off HERE **

For the steamtrades.com userstyle, go here

------

I tried to keep the original color scheme and at the same time adjusting everything to match a dark blue/black background.
both skins have options and also compatibility with some userscripts found here.

Enjoy

changelog:

  • 2.8.5 - fixed removed user group tags; updated esgst style.
  • 2.8.4 - updated esgst compatibility.
  • 2.8.3 - removed donator star in comments.
  • 2.8.2 - tweaked ESGST giveaway thumbnails; added option to hide poll in the homepage.
  • 2.8.1 - fixed homepage banner option.
  • 2.8 - updated ESGST, submit comment button, pop up colors, gridview colors and spacing; updated SG++, fixed navbar margin; added option to hide or make the feature giveaway smaller; fixed homepage titles for pinned subforums.
  • 2.7.6 - readded border to avatar and giveaway images; fixed pop-up color for esgst.
  • 2.7.5 - updated ESGST gridview.
  • 2.7.4 - updated ESGST style.
  • 2.7.3 - fixed elitist avatars.
  • 2.7.2 - fixed sg++ grid view.
  • 2.7.1 - fixed spacer between giveaways; updated rhSGST style.
  • 2.7 - added option to change the navbar button color (black/white); added support for rhSGST.
  • 2.6.1 - fixed style in sg++ config page.
  • 2.6 - added support for Extended Steamgifts.
  • 2.5.3 - fixed date format.
  • 2.5.2 - added option to resize avatar in comments.
  • 2.5.1 - tweaked image borders; increased avatar size in comments.
  • 2.5 - added support for SG2O.
  • 2.4.7 - added stats page.
  • 2.4.6 - added option to mark visited threads.
  • 2.4.5 - removed sgtools support.
  • 2.4.4 - cleaned style; added option for sgtools to remove ads and center content.
  • 2.4.3 - added support for touhou giveaways helper.
  • 2.4.2 - updated sgtools style.
  • 2.4.1 - added color-blind friendly color palette for sgtools.
  • 2.4 - added sgtools.info black theme (SGToolsy :3).
  • 2.3 - added color scheme for profile icons and labels; fixed sg++ now-online tooltip avatar.
  • 2.2 - fixed invisible links inside spoiler tags.
  • 2.1.9 - fixed navbar icons alignment after sg update.
  • 2.1.8 - expanded view for replies in messages page; changed color for visited links; removed fix for long replies (implemented on sg's side).
  • 2.1.7 - special characters won't go outside comment boxes.
  • 2.1.6 - added option to mark visited links (useful for GA trains with multiple options).
  • 2.1.5 - fixed issue with long replies.
  • 2.1.4 - fixed word break in long replies.
  • 2.1.3 - fixed grid view for sg++.
  • 2.1.2 - applied skin to pop-ups.
  • 2.1.1 - removed "active" state from buttons.
  • 2.1 - tweaked top navigation menu; changed buttons color scheme; level display changed; animated (some) menu/links.
  • 2.0.1 (blue only) - changed links color; changed giveaway icons color scheme (whitelist, group, region, level, invite).
  • 2.0 - added compatibility with easy steamgifts; some options are disabled by default now (you need to enable them when installing).
  • 1.9 - fixed compatibility for sg++ and sg drop-down menu.
  • 1.8 - fixed edit/cancel button for ga creation and replies; made the ga lv indicator easier to read.
  • 1.7 - fixed birthday icon color.
  • 1.6 - tweaked sg++ tag icon color.
  • 1.5 - removed old options; added hidden link detection; fixed background color with footer; added support for some addons/scripts.

-previews: blue/black-

View attached image.
View attached image.
9 years ago*

Comment has been collapsed.

Hello.

Am I the only one with problems? I mean, at least since today, sometimes main page of the site appears white or half white with the top staying in the blue colour of the theme.

Is something wrong with the theme or it's someone with my browser? Can anyone relate to the colour mixture?

6 years ago
Permalink

Comment has been collapsed.

do you have other scripts or userstyles activated?
chrome or firefox?
is stylish updated?

6 years ago
Permalink

Comment has been collapsed.

No, only the blue one is installed. It's on firefox and acording to firefox extension site is version 3.0 and there isn't any update, so I asume it is.

6 years ago
Permalink

Comment has been collapsed.

install stylish 2.1.1 if you're not in firefox 57 and disable auto updates, they broke stuff with their new version https://addons.mozilla.org/en-US/firefox/addon/stylish/versions/

scrap that, check this.

https://www.steamgifts.com/go/comment/g8YBMqZ

6 years ago*
Permalink

Comment has been collapsed.

i second that, i used firefox
sometimes it's black, the way it used to be
sometimes it's just half black and half white

6 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 4 years ago.

6 years ago
Permalink

Comment has been collapsed.

Yep not working properly here since yesterday either...though apparently stylish updated since I installed the update..styles there are now with preview and more options...when I last checked it was just a list with check marks.

6 years ago
Permalink

Comment has been collapsed.

Saame here, for now deactivating and activating seems to help

6 years ago
Permalink

Comment has been collapsed.

I'm using the black version for a while now and I really appreciate your work 💜

6 years ago
Permalink

Comment has been collapsed.

How can i change the green usernames on the front page to white?

6 years ago
Permalink

Comment has been collapsed.

look for this in stylish (should be like #228), change the color to #fff

.giveaway__username {
    color: #64C045;
    transition: .2s;
}

i'll change it with the next update.

6 years ago
Permalink

Comment has been collapsed.

got it,thank you :) it was a little bit hard to see with that gray background,probably just for me,idk

6 years ago
Permalink

Comment has been collapsed.

also thanks for letting me know about this website,i found some nice things to apply on other websites :D

6 years ago
Permalink

Comment has been collapsed.

Stylish messed up their last update 3.0.1 so skins won't work properly. You can install the 2.1.1 version for Firefox 56 or older versions and disable updates, or just move on to Stylus. It's a fork of Stylish that removes analytics and optimizes performance amongst other things.

6 years ago
Permalink

Comment has been collapsed.

Thanks for the fast update/help :)

6 years ago
Permalink

Comment has been collapsed.

Switching to Stylus solved the issues, thanks for the tip :)

6 years ago
Permalink

Comment has been collapsed.

Grasiah

6 years ago
Permalink

Comment has been collapsed.

Did the newest FF update mess something up again?
Got Stylus but since updating FF to 57.0.2 yesterday I got the same problem again with steamgifties...it doesn't work and if I switch it on/off it works until reload/loading of a new page.

6 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 4 years ago.

6 years ago
Permalink

Comment has been collapsed.

seems stylus' dev fixed it 16 hours ago. ^^ https://addons.mozilla.org/en-US/firefox/addon/styl-us/reviews/
last version: 1.1.7.8

6 years ago
Permalink

Comment has been collapsed.

Ah nice, thanks :)

6 years ago
Permalink

Comment has been collapsed.

Hello, I'd like to know if you would authorize me to add this theme to ESGST.

6 years ago
Permalink

Comment has been collapsed.

yes, go ahead for this and sg themes

6 years ago
Permalink

Comment has been collapsed.

Thanks

6 years ago
Permalink

Comment has been collapsed.

Hey Mully! I'd like to request a new batch of ESGST compatibility fixes ;)
Each request corresponds to one image at the bottom.

  • feature 4.2 (Comment Formatting Helper) is displayed too low and probably doesn't have the right colors
  • feature 7.3 (Game Tags) shows up fine if a game doesn't have any game tag applied, but when it does have it, the game tag icon has a wrong color
  • this one does not require any features to be enabled. Most of the subpages have a <div class="page__heading esgst-fmph"> element and it's completely white. It should have the style similar to <div class="page__heading esgst-relative"> which can be found on top of a discussion page
  • features 2.17 (Giveaway Filters) and 3.4 (Discussion Filters) do not have a style (they had it but their layout was completely overhauled lately)
View attached image.
View attached image.
View attached image.
View attached image.
5 years ago
Permalink

Comment has been collapsed.

Adding a new thing to the list which somehow I've never noticed :X

  • when you click the ESGST button and get the setting pop-up, half of the text there is light gray and half is dark grey. It's an issue also when you click on some of the buttons on top of the settings menu or when you open the settings subpage
View attached image.
5 years ago
Permalink

Comment has been collapsed.

Still loving your styles Mully, thanks a lot, I've been using black one for almost a year now I think. Sent you 5 USD for some coffee or whatever you like as my grattitude, keep being awesome! <3

5 years ago*
Permalink

Comment has been collapsed.

And just by posting your own screen caps, directing other people here still as well ^_^

5 years ago
Permalink

Comment has been collapsed.

Thank you for the awesome blue skin. My eyes thank you too.

5 years ago
Permalink

Comment has been collapsed.

I thought ESGST could add your style but didn't. I have no idea how to make it work... I reinstalled this one.

4 years ago
Permalink

Comment has been collapsed.

Thanks for bumping this. Had totally forgotten about it.

4 years ago
Permalink

Comment has been collapsed.

gsrafael asked for permission to use it in his script long ago and i think he added it at some point. maybe he will do it again in a future esgst version.

4 years ago
Permalink

Comment has been collapsed.

It's added but I couldn't make it work :S So I went back to stylus. I rather have 2 extensions as long as I can have the blue SG :P

4 years ago
Permalink

Comment has been collapsed.

Can you see if the "Run it here" option is enabled for it? There's currently a bug that doesn't toggle it automatically when you enable an option.

4 years ago
Permalink

Comment has been collapsed.

oh, wow. I didn't even notice. It's disabled, I didn't see and didn't enable. I'm guessing is that bug and not an incompatibility

4 years ago
Permalink

Comment has been collapsed.

Hello, I've enjoyed using your "SteamGifties Blue" through SGEST for months and didn't realize you had a separate thread for it until now. :)
I reported an issue to gsrafael with its overlap of SGEST Comment Formatting Controls with text boxes, and he suggested I contact you.

4 years ago
Permalink

Comment has been collapsed.

if you want to fix that issue, put this in the css

.esgst-cfh-panel { top:0 !important; }
.esgst-cfh-panel > * { background:#19293e; border:0; }

i'm getting rid of this style and working on a new one so i won't update it any more.
i'll post the new skin soon. ^^

4 years ago
Permalink

Comment has been collapsed.

That fixed it, thanks a lot!

4 years ago
Permalink

Comment has been collapsed.

Give us a hint or something!

4 years ago
Permalink

Comment has been collapsed.

*hint*

View attached image.
4 years ago
Permalink

Comment has been collapsed.

Yes, I need it.

4 years ago
Permalink

Comment has been collapsed.

💖 Beautiful!

4 years ago
Permalink

Comment has been collapsed.

Send me a link, peasy.
(Edit: with my background you showed me yesterday!)

4 years ago
Permalink

Comment has been collapsed.

As blue is my favo color i'll try the black mode 😅

4 years ago
Permalink

Comment has been collapsed.

Closed 4 years ago by Mully.