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.

Just wanted to say that I haven't updated SGLinkies for months because I feared I would lose the custom dark version you had given me the code for way back when, but today I backed up that script and installed the new updated one only to find out you included CSS in your script to color that one dark too! I love you man. You're good dude who doesn't afraid of anything. :D

8 years ago
Permalink

Comment has been collapsed.

I didn't add anything for that, MuIIins made it more compatible around the beginning of march ;)

8 years ago
Permalink

Comment has been collapsed.

Hi SquishedPotatoe, thanks for yor awesome work.
I have this problem with your script & style in combination with Extended Steamgifts. You can see it here:
https://www.steamgifts.com/discussion/qbPEr/extended-steamgifts-browser-addon/search?page=7#aO2bchM
Could you try to fix it. Because I love your dark theme and Extended SG script.
Thanks! :)

8 years ago
Permalink

Comment has been collapsed.

Added to SGv2 Dark, will post update tomorrow most likely. As for the duplicate pagination turn off SG++ fixed sidebar it conflicts with Extended Steamgifts.

8 years ago
Permalink

Comment has been collapsed.

View attached image.
8 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 5 years ago.

8 years ago
Permalink

Comment has been collapsed.

Version 1.3.7

Version 1.3.6.1

  • Fixes settings always showing default values.

Version 1.3.6

  • Added option to save/load settings to/from a file (includes current stylesheet for pasting into stylish if desired).
  • Tabs added in settings menu in preparation for more options.
  • Fixes for the latest Extended Steamgifts.
  • Updates for sgtools.info and helper script.
8 years ago*
Permalink

Comment has been collapsed.

I accidentally turned this darkness into light and then I had to search how to change it back
thanks...

8 years ago
Permalink

Comment has been collapsed.

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

Comment has been collapsed.

Is there a question here?

8 years ago
Permalink

Comment has been collapsed.

no.
1.3.7 doesnt worked for me this morning but after reinstalled the 1.3.5 now everything is okay

8 years ago*
Permalink

Comment has been collapsed.

According to your screenshot 1.3.7 is running but not on the dark theme, did you try Shift+Alt+C or the button to switch to dark?

8 years ago
Permalink

Comment has been collapsed.

oops
the settings bar is very close to the opera bookmark button, maybe it was a misclick
sorry then

8 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 4 years ago.

8 years ago
Permalink

Comment has been collapsed.

Mohsin didn't wrap his paste in a code block so it's treated as an extremely long word and i have .comment__parent set to 100% instead of the default 850px, so this will stretch to fit that extremely long word. I might have to rethink what can be done in that case.

Off the top of my head some media queries for different window size could be a quick solution.

8 years ago*
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 4 years ago.

8 years ago
Permalink

Comment has been collapsed.

I can't use a javascript solution because i offer pure css as well.

8 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 4 years ago.

8 years ago
Permalink

Comment has been collapsed.

Dirty hack seems to work at all resolutions / window sizes

.comment__parent {
    max-width: calc(100% - 50px);
    margin-right: -1000px;
}
8 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 4 years ago.

8 years ago
Permalink

Comment has been collapsed.

Sometimes I try different available SG themes, but in the end I always return to this one, it's perfect.

Thank you! <3

8 years ago
Permalink

Comment has been collapsed.

Just one suggestion.

Did you consider marking visited threads in discussions with different color? Something similar to what MuIIins has, I really liked that feature and it easily marked already read threads for me.

It doesn't have to be anything fancy, even a bit darker font color would do.

8 years ago
Permalink

Comment has been collapsed.

I have always been against visited links as eventually they all will be colored if you are an active user. I prefer to color the new comments in SG++ or something similar like Mark Threads as Read

View attached image.
8 years ago
Permalink

Comment has been collapsed.

Yeah, that's cool and I use it too, but it's easy to confuse a new thread you didn't visit yet, with a thread that you visited but didn't have any new comments since your last visit. That's why I liked coloring + tracking which you linked.

It's your style however, you decide how you want it to look like. Personally I still think it'd be cool to receive even a little different font color - if all threads are visited then it wouldn't make any difference anyway - but it's your choice :3.

8 years ago
Permalink

Comment has been collapsed.

Since the latest update, this theme broke my Firefox all the time. When I'm on the SG website, the FF starts flickering, then it crashes. Please, fix it. It's a really great theme, because the original white is killing my eyes.

8 years ago
Permalink

Comment has been collapsed.

on Firefox I cant go to the next page...

8 years ago
Permalink

Comment has been collapsed.

a professional theme!

8 years ago
Permalink

Comment has been collapsed.

Will we see an update for the newly relaunched trades section?
Pretty please, this skin is simply too good too miss! :)

8 years ago
Permalink

Comment has been collapsed.

hb mate ...and yeah im with u for that idea!

8 years ago
Permalink

Comment has been collapsed.

Can't refuse a cakeday request ;)

8 years ago
Permalink

Comment has been collapsed.

Thanks! My Avatar speaks for itself!

View attached image.
8 years ago
Permalink

Comment has been collapsed.

Version 1.3.8

  • Updated to support www.steamtrades.com .
  • Billion other things i have long forgot since last working on this :P.

Version 1.3.8.1

  • Fixed script settings injecting into popups .
8 years ago*
Permalink

Comment has been collapsed.

Hoooraaay! :>

Edit:
So far SteamTrades looks ridiculously gorgeous now.
One visual inconsistency i found is this reply to a negative feedback on my profile.

Edit 2:
When you bump a trade thread, it won't show the default success message but this (nevertheless the thread will be bumped).

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

Comment has been collapsed.

Wuhuhuh! (Am blind) i need upadte manually or auto?

8 years ago
Permalink

Comment has been collapsed.

It will update eventually unless you turned off updates, otherwise you can force an update to get it now ;)

8 years ago
Permalink

Comment has been collapsed.

Yeah used manual update. Thank you really much for dark version!
on SG i using another Dark Style, how can i enable your style only in ST and disble it on SG? 2 styles mixed destroy it :D

8 years ago*
Permalink

Comment has been collapsed.

It depends if it is the script or user style and which browser, they all have different methods for editing out the domains.

8 years ago
Permalink

Comment has been collapsed.

Repaired myself i just saw i have used one in Tempermonkey and one in Stylish :D

8 years ago
Permalink

Comment has been collapsed.

Btw when i click on "bump" in thread it always show me style editor... some fail on my side or sytle?

8 years ago*
Permalink

Comment has been collapsed.

Problem confirmed, looking into it.

8 years ago
Permalink

Comment has been collapsed.

I can confirm it too. https://www.steamgifts.com/go/comment/1Kq17AX
By the way do you got a notification when i edited my reply?

8 years ago
Permalink

Comment has been collapsed.

Yes what i needed from that reply and the popup fixes will be a few minutes ;)

8 years ago
Permalink

Comment has been collapsed.

thanks, this fixed sgtools (0$ Total) - less then 5 entries color scheme for me.
was green matching full value games instead of grey like it is now for no value games.

8 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 4 years ago.

8 years ago
Permalink

Comment has been collapsed.

What happend to this theme? Giveaways list is now wide on full screen instead being slim? Is there a way to fix it?

8 years ago*
Permalink

Comment has been collapsed.

That will have an option soon, some things went out unfinished in order to get the steamtrades update out.

If you wish to edit it yourself remove this.

.page__inner-wrap, nav, .footer__inner-wrap, .featured__inner-wrap, .offer__inner-wrap {
    max-width: 100%;
}
8 years ago*
Permalink

Comment has been collapsed.

Thanks! (:

View attached image.
8 years ago
Permalink

Comment has been collapsed.

Version 1.3.8.2

more to follow ;)

8 years ago
Permalink

Comment has been collapsed.

very nice theme , thank you very much!

My only problem on Firefox is that I cant click on page numbers... ><

8 years ago
Permalink

Comment has been collapsed.

Are you using anything else with it, i see no problems in firefox.

8 years ago
Permalink

Comment has been collapsed.

well I dont know if another script is messing up this theme ... I guess I will have to turn off some other monkey scripts...
I cant click on Numbers and this happens sometimes , some other times is working
(the screen capture tool messed up a bit the mouse position)
But I Can click on next & last page...

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

Comment has been collapsed.

ok I found it !
steamgifts++ 4.7 beta
was giving problems

8 years ago
Permalink

Comment has been collapsed.

I have no issues with SG++ 4.7 beta it sounds more like this, if that is the case your version of SGv2 Dark is very old.

8 years ago
Permalink

Comment has been collapsed.

Version 1.4.2.1

Version 1.4.1

  • Various steamtrades corrections.
  • Added missing CSS on SG++ settings.
  • Bold headings brightness corrected.

Version 1.4.0

  • Fixed Settings menu layout (for good?)
  • Added options for chart text, poll text, poll question text, headings size 1-3 text.
  • Bold text brightness increased (Option to be added later maybe?).

Version 1.3.9.3

  • Settings menu layout fixes.

Version 1.3.9

  • Continuing support for www.steamtrades.com .
  • Added options for poll background, chart background, chart heading, code background and text, blockquote background and text, page width, nav button hover brightness and saturation.
7 years ago*
Permalink

Comment has been collapsed.

I'm using the latest update (1.4.2.1) and I'm getting a weird effect where the site's normal color scheme is active for about a 1/2 second before your style kicks in. The result is a white flash every time I go to a different SG page.

Chrome
Version 55.0.2883.87 m

7 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 4 years ago.

7 years ago
Permalink

Comment has been collapsed.

It is a very common problem particularly with scripts, there are 2 options to try to counter this.

  • 1 In tamper monkey advanced settings set experimental inject mode to fast
  • 2 export you custom settings and use them in Stylish
7 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 4 years ago.

7 years ago
Permalink

Comment has been collapsed.

Right i forgot its in beta version only now.

7 years ago
Permalink

Comment has been collapsed.

It looks great!!!
I really like it

7 years ago
Permalink

Comment has been collapsed.

very good thank you.
I'm using tempermonkey+ everytime i click on page or something, it's shows the original light skin for 1-2 second than back to dark, it's feel like turning light on and off, is there a way to fix this? Thank you

7 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 4 years ago.

7 years ago
Permalink

Comment has been collapsed.

i'm now using stylish version and it's works fine. Thank you
😀

7 years ago
Permalink

Comment has been collapsed.

Version 1.4.2.3

7 years ago
Permalink

Comment has been collapsed.

tbh, that didn't help my issue out. that's okay though. i'll settle with one of the few half-ass fixes i found. ^^

7 years ago
Permalink

Comment has been collapsed.

It is version 1.4.2.3? because 1.4.2.2 i forgot !important on that ;)

7 years ago
Permalink

Comment has been collapsed.

version 0.20170122012829

i'm using the one that doesn't have the settings at all. it did update 15min ago though. but i have no idea where i got the download link from anymore, lol. xD

7 years ago
Permalink

Comment has been collapsed.

never-mind, now it is working. ^^

thank you very much.. it was driving me nuts.

7 years ago
Permalink

Comment has been collapsed.

actually.. this is such a confusing one.. i had one bookmark still hiding behind the header i forgot i added.. so not fixed for me still =)

i'm about ready to giveup on the bookmark script and just go back to regular bookmarking. lol xD

edit: it does seem fixed inside of 1.4.2.3 but not for 0.20170122012829 (which i preferred because it doesn't even have settings i don't need)

7 years ago*
Permalink

Comment has been collapsed.

paste bin that other version and i'll take a look.

7 years ago
Permalink

Comment has been collapsed.

7 years ago
Permalink

Comment has been collapsed.

Ahhh i see you are letting userstyles.org generate the CSS into a script, seems i forgot the !important there too, force an update it is corrected now.

7 years ago
Permalink

Comment has been collapsed.

thank you very much ^^

edit: and it turns out revil updated the script to fix it also for everyone that doesn't use this script as well.. still thank you very much. xD

also yea, i just preferred how it removed the settings entirely since i leave them all alone anyways.

7 years ago
Permalink

Comment has been collapsed.

Version 1.4.2.4

7 years ago
Permalink

Comment has been collapsed.

Hey, I just added an Endless Scrolling feature to my script and it looks like the pagination bar isn't being fixed with this theme. I noticed how that also happened with header / sidebar / footer before the last update. Could you fix it for this as well? And why does this happen, by the way? Is there something in the theme that prevents elements from being fixed?

7 years ago
Permalink

Comment has been collapsed.

Indeed it does, i like to call that feature "drive developers nuts" .

There is a transform on

.widget-container > div:not(:first-child)
7 years ago*
Permalink

Comment has been collapsed.

Haha xD

7 years ago
Permalink

Comment has been collapsed.

Didn't see the edit. So is it something that can be fixed on my side? I don't know much about CSS. :P If adding certain class names to the elements would make it easier to fix, let me know. :)

7 years ago
Permalink

Comment has been collapsed.

Classes for those certainly would help, and the fix will be in the next update (shortly) . I still have to go over your recent additions.

7 years ago
Permalink

Comment has been collapsed.

I'll add some classes around then. :)

7 years ago
Permalink

Comment has been collapsed.

Any news on the update?

7 years ago
Permalink

Comment has been collapsed.

My plans got interrupted so figured at this point might as well wait for revilheart's update.

7 years ago
Permalink

Comment has been collapsed.

I still have to edit two values in the userscript to make it work how [it used to] I want but this is still the best theme for SG, if not the best color scheme for any website, ever made.

I'm also glad to see you talking with revilheart because I want rhSGST to work with all my scripts (currently it doesn't) but I have hope.

Thanks again for the millionth time man. :)

7 years ago
Permalink

Comment has been collapsed.

Corrected while i waited for revilheart to do his thing, this should be perfect for you now (see pic).

View attached image.
7 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 4 years ago.

7 years ago
Permalink

Comment has been collapsed.

That theme is farther down the road, there is another before that one hopefully coming shortly.

7 years ago
Permalink

Comment has been collapsed.

Hey, so I added classes to all elements of my script and also changed all IDs to classes, so I think I might have broken a few styles (sorry about that). It should now be easier to fix style issues with my elements. If you need me to do something on my side, just let me know. :)

7 years ago
Permalink

Comment has been collapsed.

Sign in through Steam to add a comment.