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.

  • 2.1.2 - applied skin to pop-ups (also for SG++)
  • 2.1.1 - removed "active" state from buttons.
View attached image.
9 years ago
Permalink

Comment has been collapsed.

looks sweet but there's a bug if you use Grid, the overlay is transparent
http://i.imgur.com/VQnmFOU.png

loving the coloring!

9 years ago
Permalink

Comment has been collapsed.

  • 2.1.3 - fixed grid view for sg++.
View attached image.
9 years ago
Permalink

Comment has been collapsed.

nice! thank you very much <3

9 years ago
Permalink

Comment has been collapsed.

thanks, downloaded

9 years ago
Permalink

Comment has been collapsed.

2.1.4

  • fixed word break in long replies.
View attached image.
View attached image.
9 years ago
Permalink

Comment has been collapsed.

cg should make that, not you :( Thanks
EDIT: I have seen something I didn't know was available for all users O_O Time to do harder puzzles

9 years ago*
Permalink

Comment has been collapsed.

It is a firefox issue so really they should fix it, and they have in canary so it will trickle down eventually.

9 years ago
Permalink

Comment has been collapsed.

Happy cake day!! :D

View attached image.
9 years ago
Permalink

Comment has been collapsed.

well, it's finally fixed on sg :3

9 years ago
Permalink

Comment has been collapsed.

Not in the giveaway descriptions :/
EDIT: Oh yes, it is fixed! :D
It has been today then, yesterday I was testing it and it worked in comments but not in descriptions

9 years ago
Permalink

Comment has been collapsed.

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).

9 years ago
Permalink

Comment has been collapsed.

2.1.9

- fixed navbar icons alignment after sg update.

8 years ago
Permalink

Comment has been collapsed.

2.2

- fixed invisible links inside spoiler tags.

8 years ago
Permalink

Comment has been collapsed.

Great bump. was wondering how i'm going to re find this (format my drive)
got a new SSD PC super fast now it's scary!

8 years ago
Permalink

Comment has been collapsed.

Bump, thank you.

8 years ago
Permalink

Comment has been collapsed.

Very nicely done, thanks much!

8 years ago
Permalink

Comment has been collapsed.

Just installed the black one looks nice thanks!

8 years ago
Permalink

Comment has been collapsed.

Got a suggestion/bug:
when you go to the Ga pages of a user, you see a distinction between live GA and finished GA.
if that user has some GA which are not yet live, the distinction is in the wrong place... check this one for example

8 years ago
Permalink

Comment has been collapsed.

i can't fix it or i don't know how to fix it :3

8 years ago
Permalink

Comment has been collapsed.

i'm not expert on scripts (aka, i know nothing, ok? NOTHING). but can't you add both running GA and finished?

8 years ago
Permalink

Comment has been collapsed.

Don't you people see white lines/text after reading something on black background and white text?

Whenever I read a game review on Steam, after 4-5 lines feels like the text is printed on my eyes. If I look away from the screen I can see it floating... so I have to use bright backgrounds even though I prefer the dark ones.

Good job anyway :)

View attached image.
8 years ago
Permalink

Comment has been collapsed.

i get headaches from pages with bright backgrounds, that's why i usually customize them. :3

8 years ago
Permalink

Comment has been collapsed.

+1

Now I'm off to install these shinies :3 TY wonderful person for saving my eyes!!

8 years ago
Permalink

Comment has been collapsed.

Dark looks amazing. Thank you for this!

8 years ago
Permalink

Comment has been collapsed.

It will requre some time to get used to it, but I think I will) Thanks)

8 years ago
Permalink

Comment has been collapsed.

I just installed the Black version and it's great! I love darker themes but I have no idea why. Thanks! Great skin as decided by the 1-2 minutes of its use. It'll take some time to get used to it.

8 years ago
Permalink

Comment has been collapsed.

Mullins, thank you for this. I love you. You just saved my eyes' future.

8 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 2 years ago.

8 years ago*
Permalink

Comment has been collapsed.

ah, didn't know that feature from sg++. will check it later, thanks. :3

8 years ago
Permalink

Comment has been collapsed.

the black one is just awesome mullins! my eyes thank you a lot!

8 years ago
Permalink

Comment has been collapsed.

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.

View attached image.
View attached image.
View attached image.
View attached image.
View attached image.
8 years ago*
Permalink

Comment has been collapsed.

OH. MY. GOD. SO. MUCH. BETTER! :D

8 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 2 years ago.

8 years ago
Permalink

Comment has been collapsed.

this is great! thank you :)

8 years ago
Permalink

Comment has been collapsed.

2.4.1

- added color-blind friendly color palette for sgtools.

View attached image.
8 years ago
Permalink

Comment has been collapsed.

Another bump for Sgtools blue.
you are my hero

View attached image.
8 years ago
Permalink

Comment has been collapsed.

Hey MuIIins, very nice style you got here, it's awesome!

While we were creating our Touhou Giveaways Helper, we reused common styled classes from SG so our additions would fit the theme without a need to define color for each style (so every style creator could style it however he wishes, without modifying the script).

Could you perhaps add custom styles for those classes so it would fit your theme instead of being "odd"? I'll include screenshots to show you what I mean (¥100 button)

You can check source code of our additions here, I think that styling giveaway__column--contributor-level--negative and featured__column--contributor-level--negative would be enough. The region locked button that we use for giveaways user can join is nicely styled already.

Or perhaps we could change the class being used to fit another one already styled instead?

Of course, only if you want, have time, and you would like to fix that odd color for my touhou members, I don't demand anything, thank you in advance! :3

View attached image.
View attached image.
View attached image.
8 years ago*
Permalink

Comment has been collapsed.

can you add me to the group so i can test the script+skin? (i saw it can't load my data since i'm not there)

8 years ago
Permalink

Comment has been collapsed.

Ah silly me, I thought it should work without you being in a group.

Done, ArchiBoT sent you an invite, allow up to 15 minutes since joining, script should start working when this website won't retrurn 404. In case you get "can't load data", just try again, my server has some serious networking issues my ISP is working on ATM (coincidence?)

And thank you in advance!

8 years ago
Permalink

Comment has been collapsed.

Done, you can try refreshing the data now (little refresh icon on touhou giveaways helper userbar). If it fails, just try again, networking issues ;_;.

8 years ago
Permalink

Comment has been collapsed.

damn, i can only see 3 giveaways since i have more than 6k games blocked *facepalm*
at least i can check the whole list from the group page, all good :3

style updated. but you need to add a touhou selector to giveaway pages since right now it's using the level-requirement/region selectors (just add touhou_giveaway_points to them).

touhou_giveaway_points featured__column featured__column--contributor-level--negative
touhou_giveaway_points featured__column featured__column--contributor-level--positive
touhou_giveaway_points featured__column featured__column--region-restricted

don't know if featured__column--contributor-level--positive is being used in your script, but the style's there just in case.

-previews black/blue-

View attached image.
View attached image.
View attached image.
View attached image.
View attached image.
View attached image.
8 years ago
Permalink

Comment has been collapsed.

You're awesome MuIIins!

I'll let my friend know and we'll have it covered.

I'm very grateful, THANK YOU! <3

View attached image.
8 years ago
Permalink

Comment has been collapsed.

left the group and synced, let me know if something is missing or needs fixing. :3

8 years ago
Permalink

Comment has been collapsed.

Thank you for your time! :3

8 years ago
Permalink

Comment has been collapsed.

Hey, just noticed you styled the bar as well - thanks!

There's one problem with it though (you don't have to be in the group to check that) - everything is fine as long as you use fixed navbar (our script detects that and adds .touhou_info_container_fixed to .touhou_info_container), yet without using any 3rd part extension that uses fixed navbar the class is gone. As you used multiple class selector (or whatever it's called), it doesn't work without fixed bar. Could you please change that to .touhou_giveaway_helper > .touhou_info_container? It should also ensure your style is in use (as we style it just by .touhou_info_container).

Thanks in advance! :3

8 years ago
Permalink

Comment has been collapsed.

weird, i tested it with sg++ and without any scripts and it worked for me (that's why it has 2 different styles for each selector).

are you using another script that changes the header?

8 years ago
Permalink

Comment has been collapsed.

It doesn't work without fixed navbar option.

Also, I'm using only 2hu helper, sg++ and your style.

8 years ago*
Permalink

Comment has been collapsed.

Installed and I am using it now. Thank you Mullins.

8 years ago
Permalink

Comment has been collapsed.

Closed 5 years ago by Mully.