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.

MMII8-MLMYR-8W3AD
50E2I-4K8K7-49NJR

9 years ago
Permalink

Comment has been collapsed.

SquishedPotatoe, it is very good. I regret that I had not stepped on the subject. Thanks for your work.
The first impression as though come on improved throughout the site or was in the VIP area!

9 years ago*
Permalink

Comment has been collapsed.

Welcome to the club
first rule of V.I.P club.....don't talk about V.I.P club ;)

9 years ago
Permalink

Comment has been collapsed.

Thank you for the second key!
The first key is already someone took.

9 years ago*
Permalink

Comment has been collapsed.

Thank you so much! dark theme what a welcoming gift for my eyes! :)
now I'll check SG++ (think I had it before and it went abandoned or too buggy, don't quite remember),
will I need to uninstall this and install the sg++ compatible?

9 years ago
Permalink

Comment has been collapsed.

Works with or without SG++ you don't need to uninstall or do anything special.

9 years ago
Permalink

Comment has been collapsed.

Cool! thanks for replaying :)
Already set it, don't know how could I be without this for so long! XD
THANK YOU SquishedPotatoe

9 years ago
Permalink

Comment has been collapsed.

There are options?? How do I access them?

9 years ago
Permalink

Comment has been collapsed.

Hover over tab in top right corner and then click settings, clicking Dark/Light switches between the two.

Note: only in the script hosted on greasyfork

View attached image.
9 years ago*
Permalink

Comment has been collapsed.

Thanks! I would have never found it! :)

8 years ago
Permalink

Comment has been collapsed.

I am going to put some hot keys in the next update.

  • Alt+1 = switch to default Steamgifts theme
  • Alt+2 = switch to default Dark theme
  • Alt+3 = bring up settings menu

or something along those line, not necessarily those keys

8 years ago
Permalink

Comment has been collapsed.

That's a good idea! But you should probably mention this stuff in the original post, along with the "hidden" menu button. People wouldn't expect keyboard shortcuts, I think. Also, Alt+number collides with direct tab selection, at least here in my Firefox.

8 years ago
Permalink

Comment has been collapsed.

Yes definitely will have to make it more obvious in OP than currently. Here is what i have in at the moment.

  • Shift+Alt+1 = switch to theme #1
  • Shift+Alt+2 = switch to theme #2
  • Shift+Alt+3 = switch to theme #3
  • Shift+Alt+S = bring up settings menu
  • Shift+Alt+D = switch to default Steamgifts theme
  • Shift+Alt+C = switch to current theme
8 years ago
Permalink

Comment has been collapsed.

Got it. Thanks again! I can't even think of a non-dark SG. ;)

8 years ago
Permalink

Comment has been collapsed.

Version 1.3.1

  • 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
8 years ago*
Permalink

Comment has been collapsed.

Could you separate the Giveaway and Forum endless scrolling?

I'm pretty sure it was originally like that, but now the forums are also scrolling and I'd prefer to only have it for giveaways.

8 years ago
Permalink

Comment has been collapsed.

??? that is an SG++ setting

8 years ago
Permalink

Comment has been collapsed.

Ops, was reinstalling both and posted in the wrong thread.

Thanks for the dark theme though! :p

8 years ago
Permalink

Comment has been collapsed.

My eyes, they thank you. So much.

8 years ago
Permalink

Comment has been collapsed.

Anyone else started having issues with this extention? i got all the box and text "squeezed"

8 years ago
Permalink

Comment has been collapsed.

something to do with the steamgifts nav button changes?, pic if you can ;)

8 years ago
Permalink

Comment has been collapsed.

Version 1.3.2

  • Settings menu made draggable and background made clear to be able to see what you apply better (drag by main area).
  • Colors applied instantly when save button clicked (no more page reload).
  • Themes applied instantly (no more page reload).
  • Updated nav buttons to work with steamgifts change.
8 years ago
Permalink

Comment has been collapsed.

Thank you for update!

8 years ago
Permalink

Comment has been collapsed.

Thanks for the update, i was gonna post the picture but you've been faster than light :>
Edit: the bottom of the page is still "cramped" here's a pic

View attached image.
8 years ago
Permalink

Comment has been collapsed.

What browser and version is this ?

8 years ago
Permalink

Comment has been collapsed.

Chrome and 1.3.2, i'm using the extention with Tampermonkey

8 years ago
Permalink

Comment has been collapsed.

browser version ;)

i'm using Chrome Version 46.0.2490.86 m (64-bit) with Tampermonkey 3.12 and i do not have this issue.

8 years ago
Permalink

Comment has been collapsed.

Right sorry, my fault. Looks like the issue was a conflict with another extention (Extended SteamGifts) thas was outdated

8 years ago
Permalink

Comment has been collapsed.

Good to hear you got it all worked out.

8 years ago
Permalink

Comment has been collapsed.

Just wondering, since I updated the userscript to fix the offset nav buttons now the text is all funny, is it supposed to be like that?

View attached image.
8 years ago
Permalink

Comment has been collapsed.

Not sure i follow you how is it funny? oh snuck it in the title :P

seems to be related to steamgifts changes

downloadable font: kern: Too large subtable., table discarded (font-family: "Open Sans" style:normal weight:300 stretch:normal src index:2) source: http://www.steamgifts.com/assets/fonts/open-sans-v10-greek_cyrillic_latin-300.woff2
8 years ago*
Permalink

Comment has been collapsed.

The text is drastically different. Let me show you the difference when I click "Dark/Light" in the top right.

See the difference now? It only started after I updated moments ago from 1.2.9 to 1.3.2

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

Comment has been collapsed.

It is a smaller font size for resolutions below 1280px

8 years ago
Permalink

Comment has been collapsed.

When window width is <1280px? Yeah the window width is probably 1150-1200px. Then why doesn't it affect the Light style, and why didn't it happen when I was using 1.2.9? Is there a way to override it via CSS in the Themes Settings?

8 years ago
Permalink

Comment has been collapsed.

yes window width sorry not screen resolution, and that change is part of the dark theme not steamgifts. It went live in version 1.3.0 and there are not settings for it at the moment, need to manually change.

@media screen and (max-width: 1280px) {
    .giveaway__heading__name:not(.tile_view_header) {
    font-size: 16px !important;
    }
}

16px is default size, 13px is what it is now

8 years ago
Permalink

Comment has been collapsed.

Thanks greatly for the helpful debugging that it was in SGv2 Dark and the class name as well so I can manually change it.

As well I see you made an update with a relative size increase per window width. ;D

If only everyone was as nice. Take care MashedTuber.

8 years ago
Permalink

Comment has been collapsed.

Biggest issue I have is lines 2349, 2357 and 2360 (in current 1.3.4). I just change 2349 & 2357 to 12px and 2360 to 11px otherwise the site is barely usable for me with the 1.3+ default settings.

As always though, thanks for the style but I wish I didn't have to do this every time. xD

8 years ago*
Permalink

Comment has been collapsed.

Version 1.3.3

  • Fixes theme button name not changing in firefox.
  • Increased giveaway heading name to 15px when window width is <= 1280px.
8 years ago
Permalink

Comment has been collapsed.

Very cool :)

8 years ago
Permalink

Comment has been collapsed.

Bump for the best style to use at night :D (well actually at day too)

8 years ago
Permalink

Comment has been collapsed.

Version 1.3.4

8 years ago
Permalink

Comment has been collapsed.

SteamGifts HTTPS update breaks the userscript.

Manually adding an s to the @match and @include entries (not on sgtools.info) fixes the problem for those that wish to fix it themselves until an update. :D

8 years ago
Permalink

Comment has been collapsed.

MY EYES! >_<.. thanks!!!

8 years ago
Permalink

Comment has been collapsed.

only problem is you will have to enter in your settings again

8 years ago
Permalink

Comment has been collapsed.

Thanks, foe!

8 years ago
Permalink

Comment has been collapsed.

UGH!

<3

View attached image.
8 years ago*
Permalink

Comment has been collapsed.

eyesaver

8 years ago
Permalink

Comment has been collapsed.

Corrected, force an update

8 years ago
Permalink

Comment has been collapsed.

Version 1.3.5

  • Updated for the Steamgifts switch to https.

Due to switch script settings will be back to default.

To recover all settings related to steamgifts on the http protocol follow these instructions.

If on firefox see here for instructions
If on chrome see here for instructions

8 years ago*
Permalink

Comment has been collapsed.

http://oi63.tinypic.com/2lc2ng0.jpg

Any way to get this back to normal?
Tried those settings to recover but didn't help :(

edit:

nvmd figured out how those settings work,but still pani to get it all back to how it was can you give us settings from before and we will easy import them?

8 years ago*
Permalink

Comment has been collapsed.

The default dark and water and halloween themes are still included, this method is to recover your own personal settings.

8 years ago
Permalink

Comment has been collapsed.

Thanks for creating SGv2 Dark.

My site looks the same as the screenshot that Dakyio posted. How can I get it to look like the screenshots posted in the OP? I've only been using the Style not the Userscript.

Thanks again!

EDIT:
Switching to the Userscript corrected things.
(Also had to disable the Stylish script.)

8 years ago*
Permalink

Comment has been collapsed.

Switching to the Userscript corrected things.

Thank you for this information, the new userstyle version was driving me crazy. I wonder what happened.

8 years ago
Permalink

Comment has been collapsed.

Stylish version corrected, force an update

8 years ago
Permalink

Comment has been collapsed.

Same here ... the new colors are kinda annoying too :(

8 years ago
Permalink

Comment has been collapsed.

Stylish version corrected, force an update

8 years ago
Permalink

Comment has been collapsed.

Mmh I'm really puzzled about how to get the Dark Style back.. Now I got some Dark Green Text Boxes and Yellow Text that doesn't look too good and I can't figure out how to change it. Could you please point me in the right direction.. I'm using Firefox with GreaseMonkey and I previously had the Style installed but now I did put the Userscript but it's not getting back to the basic Dark style I liked. This Green and yellow is kinda making me sick :\

8 years ago
Permalink

Comment has been collapsed.

+1
Help :)

[SGTools] Dragon's Dogma: Dark Arisen,Divinity: Original Sin - Enhanced Edition,The Banner Saga 2,No One But You,Barbie Dreamhouse Party Detailed information and GA requirements...
. .
8 years ago
Permalink

Comment has been collapsed.

Stylish version corrected, force an update

8 years ago
Permalink

Comment has been collapsed.

Thanks a lot for the update !

8 years ago
Permalink

Comment has been collapsed.

I also had to disable the Stylish style after installing the userscript.

8 years ago
Permalink

Comment has been collapsed.

Stylish version corrected, force an update

8 years ago
Permalink

Comment has been collapsed.

Stylish version corrected, force an update

8 years ago
Permalink

Comment has been collapsed.

I also got the weird colors issue, switched to the script version and is back to normal.
Thanks for the service, my eyes are pleased.

8 years ago
Permalink

Comment has been collapsed.

Stylish version corrected, force an update

8 years ago
Permalink

Comment has been collapsed.

Done, I'm the same guy lemon from 2 comments down ;)

8 years ago
Permalink

Comment has been collapsed.

Settings recover is not for the stylish version, stylish version has been corrected force an update to get back to normal.

8 years ago
Permalink

Comment has been collapsed.

I don't think I thanked the creator yet so thankssssss!

8 years ago
Permalink

Comment has been collapsed.

After using the script version for a bit I noticed that the whole page goes white while I refresh it, instead of holding what was in the screen and then switching to the new one.
I don't know if I'm explaining myself right. The problem only happens when I F5.
Is this normal?

8 years ago
Permalink

Comment has been collapsed.

I have that too

8 years ago
Permalink

Comment has been collapsed.

It's kinda annoying.

8 years ago
Permalink

Comment has been collapsed.

It's not that big a deal to me. I hardly ever F5. I click around a lot :)
Still, I would be happy if the styleversion was back to what I am used to :)

8 years ago
Permalink

Comment has been collapsed.

I have one of the side buttons on my mouse set to F5, so I got really used to spam-click refresh all the time :P

8 years ago
Permalink

Comment has been collapsed.

It is now, force an update ;)

8 years ago
Permalink

Comment has been collapsed.

Thank you!

8 years ago
Permalink

Comment has been collapsed.

Awww.. GREAT!
Switched back..
Thanks for the update and thanks for letting me know :)

8 years ago
Permalink

Comment has been collapsed.

Yes that is normal, stylish does extra to prevent flashes as much as possible where as i don't think greasemonkey/tampermonkey do.

8 years ago
Permalink

Comment has been collapsed.

Mmh, switching back to stylish then.
Thanks for answering, and the fix :)

8 years ago
Permalink

Comment has been collapsed.

That's too bad. I just uninstalled Stylish because of the recent thread and now there is a much more noticeable flash of white before the page loads. I am using Tampermonkey now since I already had it installed for something else.

I am using Chrome for SG, but I remember in Firefox there were different settings in about:config to control when a webpage starts displaying (initial paint delay) and how often it displays new information while it is loading (reflow). I wonder if Chrome has those options and if changing them to wait longer before displaying the page would decrease the white flash. This would of course slow down the initial display of other pages as well, but it may not be bad.

Edit: I changed Tampermonkey's inject mode to instant and it removed most of the white flash. Hopefully it won't cause any problems.

6 years ago*
Permalink

Comment has been collapsed.

This is why the stylish recommendation was replaced with Stylus , but if you chose to use tampermonkey the instant inject mode is your best option.

6 years ago
Permalink

Comment has been collapsed.

Can anyone help? After the update the colors which were a border around certain giveaways were set to default. The problem is that i don't remember the exact numbers of colors which i was using before. My question is, is there a version or some way to retrieve the previous colors? I'm asking because some of the colors are so bright that in the dark scheme it makes it very irritating to the eye.

8 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 8 years ago.

8 years ago
Permalink

Comment has been collapsed.

Thank you, but that doesn't work. When i open the link i get the settings, however there is a problem the colors are blocked by an image.

8 years ago
Permalink

Comment has been collapsed.

Argh it has been changed to https now so you will get the wrong settings anyway.

If on firefox see here for instructions

If on chrome see here for instructions

8 years ago
Permalink

Comment has been collapsed.

Thank you for that, however i don't see doing any of this because it's really too much work i just have to search the net for good colors.

8 years ago
Permalink

Comment has been collapsed.

BUMP! My eyes thank you. <3

8 years ago
Permalink

Comment has been collapsed.

Damn bro. Thank You !

8 years ago
Permalink

Comment has been collapsed.

Something strange is happening!

cg has broken SGv2 Dark

I see people are switching to SGv2 DarkBlue/Black

Just wanted to let you know so hopefully can get a fix ready. :D

EDIT: 420th comment! WOOT!

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

Comment has been collapsed.

Updates to layout for mobile devices.

sure breaks a lot of stuff on desktop :(

8 years ago
Permalink

Comment has been collapsed.

Right? Why not redir to m.steamgifts.com with a mobile layout on mobile browser uagents? :\

8 years ago
Permalink

Comment has been collapsed.

more work than a few media queries

8 years ago
Permalink

Comment has been collapsed.

Seems like he reverted the top navbar stuff back, but the sidebar still has a huge indent/pad. WHEN WILL IT END?!? xD

8 years ago
Permalink

Comment has been collapsed.

Something strange? CG broke my userscript and ArchiBoT at one shot, not to mention third-party styles and scripts such as this one I'm using.

Crap.

8 years ago
Permalink

Comment has been collapsed.

That makes me 9001x sadder than I was. Most of my function scripts stayed intact but if on a larger scale it messed up your bot that's even more madness! Also with what Steam has been doing to combat idling (not allowing more than 1 game played at a time) things just getting harder for a []D[][]V[][]D out here. I wish you the best of luck! <3

8 years ago
Permalink

Comment has been collapsed.

Sign in through Steam to add a comment.