SteamGifts v2 Dark Userstyle


Bright/light sites can be hard on the eyes so for us ocular challenged people i created a darker version. Works on www.steamgifts.com, www.steamtrades.com, www.sgtools.info . Compatible with most scripts found in the addon registry..

Also check out my other style SG Dark Grey.

Note: Style is now hosted on github as userstyles.org is no longer supported.


Install Stylus for either Firefox, Chrome or Opera and then install the style using one of these methods:

📦 Install the usercss which supports automatic updates and customization.
📦 Install manually from GitHub with no customization. The style is in Mozilla format.
📦 Install script which supports automatic updates but no customization.
📦 Install script from greasyfork which supports automatic updates and customization has settings menu via slide tab top right corner.


Last updated November 19 2024 version 1.7.7


Instructions for script version on greasyfork

Hover over tab in top right corner click Dark/Light to toggle between the two, click settings to access settings. (see pic below)

Settings

Save button apply and save color choices.
Reset button resets current theme back to the default Dark theme.
Cancel button closes settings without changing anything.

  • Steamgifts featured background image will be used if "Featured Background" is set to on(1 = on, 0 = off), otherwise it will apply a gradient of the color you chose.
  • Entering "water" or "halloween" (without quotation marks) into any theme input area will set that theme to the included water or halloween theme.
  • Settings tab (top right corner) colored according to "Header/Footer" for background, "Navigation Text" for text.
  • Colored "Names/Levels" (1 = on, 0 = off), Color is generated from game picture on featured giveaway or player avatar on profiles/SG++ Hover info.
  • Text shadow opacity setting has a range from -1(transparent) to 1(opaque) where 0 represents the default value(which is not shown).
    Negative values make it more transparent and positive values make it less transparent starting from its default value.

Hotkeys

  • Shift+Alt+1 = switch to theme #1
  • Shift+Alt+2 = switch to theme #2
  • Shift+Alt+3 = switch to theme #3
  • Shift+Alt+X = bring up settings menu
  • Shift+Alt+C = toggle current theme on or off

Screenshots

Screenshot Album

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

Comment has been collapsed.

I have to ask, is this suppose to make Steamgifts slow? I tried it and it makes the site a little slow (not much, but enough), it slows the scrolling by a little.

9 years ago
Permalink

Comment has been collapsed.

could if you are on a slow machine, it uses a fair bit of shadowing.

9 years ago
Permalink

Comment has been collapsed.

Well my machine is very new, with six core processor, 2 gb of video card and 16 gig's of Ram. So what does it mean to be slow?

9 years ago
Permalink

Comment has been collapsed.

which browser and are you using hardware acceleration?

9 years ago
Permalink

Comment has been collapsed.

Firefox the latest version and no.

9 years ago
Permalink

Comment has been collapsed.

ohhhhhhh, bless you guys! Ty for this! s2

9 years ago
Permalink

Comment has been collapsed.

This is awesome. Thanks!

9 years ago
Permalink

Comment has been collapsed.

The turquoise hover of the top menu seems really out of place. The default hover color/gradient is already well suited for a dark theme. But if you're changing it, you should match it with the rest of the color scheme.

9 years ago
Permalink

Comment has been collapsed.

Nice! :) I, might keep it. Also tried first with Greasemonkey but some parts of page were still white, so installed with Stylish after all.

On this page everything looks perfect except "Submit Comment" button - http://puu.sh/f8DCL/0b7e60b2dc.png

EDIT: I've noticed this is the case with most of the buttons (like "enter" and "save") - the shadows on letters are making them harder to read and are kinda hurting my eyes to look at them for long...

9 years ago*
Permalink

Comment has been collapsed.

  1. That is the current state of the "Submit comment" button

  2. Yes the buttons still need some work

9 years ago
Permalink

Comment has been collapsed.

That is all I wanted - to know that they are on "to do" list. :)

9 years ago
Permalink

Comment has been collapsed.

it's fixed. :)

9 years ago
Permalink

Comment has been collapsed.

This reply thing is handy. ;)

Btw - Does it update by itself or it's manual..?

9 years ago
Permalink

Comment has been collapsed.

u mean how to remove the notifications?
Manual..you have to click on the green button on left top on messages page to mark it as read.

9 years ago
Permalink

Comment has been collapsed.

No, no, this dark theme of yours. When you make changes to it, does it automatically changes for us, or we have to do something to update? ^_^

EDIT: OMG I don't even know who's theme it is. >.<

9 years ago*
Permalink

Comment has been collapsed.

... >.< my bad, and thanks. Yeeeey for the update! :D

9 years ago
Permalink

Comment has been collapsed.

^+^

9 years ago
Permalink

Comment has been collapsed.

Thank you so much for this!

9 years ago
Permalink

Comment has been collapsed.

This looks amazing, much easier to see and read everything than on the very light theme. Thank you so much!!

9 years ago
Permalink

Comment has been collapsed.

Wow,this is incredible :) Thank you <3

9 years ago
Permalink

Comment has been collapsed.

I like the color of dark theme on neogaf a bit more: http://www.neogaf.com/forum/index.php?&styleid=40
You know, just a bit brighter.

9 years ago
Permalink

Comment has been collapsed.

I don't necessarily prefer the brightness of the scheme, but I definitely prefer the color pallet and minimalistic approach. Using primarily grays and dark grays is preferable, in my opinion, to the sort of "enhanced with color" tinting that themes like this one does for SteamGifts.

9 years ago
Permalink

Comment has been collapsed.

sadly its kinda laggy when scrolling pages

9 years ago
Permalink

Comment has been collapsed.

I LOVE YOU MY EYES WILL THANK YOU

9 years ago
Permalink

Comment has been collapsed.

Not my preferred color scheme, but it's at least easier on the eyes now.

If you don't mind a suggestion, I'd much rather prefer a simpler, more minimalistic scheme (both in format and color), comprising only a few necessary colors: black, gray, red, dark blue, and dark green. There could be multiple hues and shades of the aforementioned colors, but I think a more minimalistic approach would be better.

In particular, the blue-green tinting on the background and boxes aren't very appealing, in my opinion. I'd much rather prefer a black or dark gray approach, something which is less of a "night life" approach and more of a "night time" color scheme. Then again, maybe I'm just a sucker for blacks and grays.

EDIT: I'd also tone the green down to not be so bright, and to bring it closer to a dark green shade. The neon colors really contrast with the rest of the scheme and can be distracting, especially the turqoise color when hovering over certain buttons. That seems out of place and a rather unnecessary expansion on the color scheme.

Also, I'm not sure if this is necessarily an issue with the script or just with how Stylish operates, but sometimes the default bright color scheme will flash during the initial load of a new page on SteamGifts. This can be quite an eyesore, but I suspect this has more to do with how Stylish loads after the initial color scheme, and not replace it, per se.

9 years ago*
Permalink

Comment has been collapsed.

+1

9 years ago
Permalink

Comment has been collapsed.

Colors have been toned down (green buttons could still use more) backgrounds brighter but not neogaf bright

and yes flashes are not something that can be controlled as this is loaded after page loads.

9 years ago
Permalink

Comment has been collapsed.

+1. Thanks

9 years ago
Permalink

Comment has been collapsed.

Why isn't this the standard skin?

9 years ago
Permalink

Comment has been collapsed.

Because not everyone wants their web experience to be dark and gloomy? :P

9 years ago
Permalink

Comment has been collapsed.

That's HERESY!

Everything should be Grimdark!

9 years ago
Permalink

Comment has been collapsed.

Says the grim reaper :P

9 years ago
Permalink

Comment has been collapsed.

Looks good but the color of the text is too contrasty. I think designers should reconsider the site color scheme as an example of what you take from here

9 years ago*
Permalink

Comment has been collapsed.

How do you know that it won't break something in the yet to be released SGv2+?

9 years ago
Permalink

Comment has been collapsed.

Going by the last code Leomoty put up

9 years ago
Permalink

Comment has been collapsed.

Which will have a different structure and be rewritten. So claiming that it will be fully compatible is bold.

9 years ago
Permalink

Comment has been collapsed.

It is currently compatible if that changes then i'll update

9 years ago
Permalink

Comment has been collapsed.

And that version of sgv2+ is not even compatible with this site.

9 years ago
Permalink

Comment has been collapsed.

I made it compatible, CG only made minor changes since it last worked

View attached image.
9 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 5 years ago.

9 years ago
Permalink

Comment has been collapsed.

amazing job, thanks :)

9 years ago
Permalink

Comment has been collapsed.

Thank you! Love it!
Cant's wait for SG+v2 too! :D

9 years ago
Permalink

Comment has been collapsed.

Neat design - but sadly it does not work correctly in greasymonkey - some white frames around text/pictures and i can not scroll anymore without very bad lag. But thank you very much for providing this eyesaving solution!

9 years ago
Permalink

Comment has been collapsed.

Use Stylish as recommended.

9 years ago
Permalink

Comment has been collapsed.

Should be corrected now, if not you can use the userscript i provided.

9 years ago
Permalink

Comment has been collapsed.

Thank you very much. It works now as intended.

9 years ago
Permalink

Comment has been collapsed.

Thank you.

9 years ago
Permalink

Comment has been collapsed.

Thx!

9 years ago
Permalink

Comment has been collapsed.

Thank you for making this userstyle!

9 years ago
Permalink

Comment has been collapsed.

god bless you potatoe!

9 years ago
Permalink

Comment has been collapsed.

i have two computers with the same chrome account. i had to download the style on each, not the addon, just your style
odd...

9 years ago
Permalink

Comment has been collapsed.

Sign in through Steam to add a comment.