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.

Version 1.4.5.7

  • Updated for steamgifts design changes to the bottom of the homepage.
  • Changes for ESGST v6.Beta.19.7 .
7 years ago*
Permalink

Comment has been collapsed.

I think Revil hates you or me with these constant breaking changes of this theme xD

Time/Level invisible in gridview.

7 years ago
Permalink

Comment has been collapsed.

Yeah somehow he changed the stacking, now the icons are below the image.

7 years ago
Permalink

Comment has been collapsed.

Version 1.4.5.8

7 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 1 year ago.

7 years ago
Permalink

Comment has been collapsed.

Yeah even default steamgifts is hard to notice because of the 0.5 opacity, i'll make it red with no opacity ๐Ÿ‘

7 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 1 year ago.

7 years ago
Permalink

Comment has been collapsed.

Version 1.4.6.3

  • Fixed ESGST giveaway filters width.

Version 1.4.6.1

  • Various fixes.

Version 1.4.6

Version 1.4.5.9

7 years ago*
Permalink

Comment has been collapsed.

i cannot for the life of me get anything on userstyles.org to load on my normal logged in browser. every page there including even the main page, just shows up completely blank white. i even went as far as telling the browser to remove all cache related to userstyles.org upon exit, and it still won't load the pages up.

till then, i'm forced to use the userscript when i finally got used to userstyles version instead..

edit: i finally managed to work my way around it by temporarily allowing stylish to run in incognito mode, and installing the theme inside incognito mode, then re-disabling stylish for incognito. but would still love a real fix if you happen to know what's going on.

View attached image.
7 years ago*
Permalink

Comment has been collapsed.

hmm.. odd. even with both stylish & tampermonkey disabled, i see errors on userstyles.org pages.

GET https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js net::ERR_BLOCKED_BY_CLIENT
jquery.min.js:4 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
send @ jquery.min.js:4
ajax @ jquery.min.js:4
value @ globalStateHandler.js:45
t @ app.jsx:21
_constructComponentWithoutOwner @ ReactCompositeComponent.js:298
_constructComponent @ ReactCompositeComponent.js:285
mountComponent @ ReactCompositeComponent.js:188
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
a @ ReactMount.js:104
perform @ Transaction.js:140
u @ ReactMount.js:126
perform @ Transaction.js:140
batchedUpdates @ ReactDefaultBatchingStrategy.js:62
i @ ReactUpdates.js:97
_renderNewRootComponent @ ReactMount.js:320
_renderSubtreeIntoContainer @ ReactMount.js:401
render @ ReactMount.js:422
(anonymous) @ app.jsx:65
t @ bootstrap 9fd7f84eef3929cfda94:19
(anonymous) @ index.js:4
t @ bootstrap 9fd7f84eef3929cfda94:19
(anonymous) @ bootstrap 9fd7f84eef3929cfda94:65
(anonymous) @ bootstrap 9fd7f84eef3929cfda94:65
jquery.min.js:4 GET https://freegeoip.net/json/ 
send @ jquery.min.js:4
ajax @ jquery.min.js:4
value @ globalStateHandler.js:45
t @ app.jsx:21
_constructComponentWithoutOwner @ ReactCompositeComponent.js:298
_constructComponent @ ReactCompositeComponent.js:285
mountComponent @ ReactCompositeComponent.js:188
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
a @ ReactMount.js:104
perform @ Transaction.js:140
u @ ReactMount.js:126
perform @ Transaction.js:140
batchedUpdates @ ReactDefaultBatchingStrategy.js:62
i @ ReactUpdates.js:97
_renderNewRootComponent @ ReactMount.js:320
_renderSubtreeIntoContainer @ ReactMount.js:401
render @ ReactMount.js:422
(anonymous) @ app.jsx:65
t @ bootstrap 9fd7f84eef3929cfda94:19
(anonymous) @ index.js:4
t @ bootstrap 9fd7f84eef3929cfda94:19
(anonymous) @ bootstrap 9fd7f84eef3929cfda94:65
(anonymous) @ bootstrap 9fd7f84eef3929cfda94:65
VM266:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0
    at JSON.parse (<anonymous>)
    at e.value (globalStateHandler.js:45)
    at new t (app.jsx:21)
    at f._constructComponentWithoutOwner (ReactCompositeComponent.js:298)
    at f._constructComponent (ReactCompositeComponent.js:285)
    at f.mountComponent (ReactCompositeComponent.js:188)
    at Object.mountComponent (ReactReconciler.js:46)
    at f.performInitialMount (ReactCompositeComponent.js:371)
    at f.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
value @ globalStateHandler.js:45
t @ app.jsx:21
_constructComponentWithoutOwner @ ReactCompositeComponent.js:298
_constructComponent @ ReactCompositeComponent.js:285
mountComponent @ ReactCompositeComponent.js:188
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
performInitialMount @ ReactCompositeComponent.js:371
mountComponent @ ReactCompositeComponent.js:258
mountComponent @ ReactReconciler.js:46
a @ ReactMount.js:104
perform @ Transaction.js:140
u @ ReactMount.js:126
perform @ Transaction.js:140
batchedUpdates @ ReactDefaultBatchingStrategy.js:62
i @ ReactUpdates.js:97
_renderNewRootComponent @ ReactMount.js:320
_renderSubtreeIntoContainer @ ReactMount.js:401
render @ ReactMount.js:422
(anonymous) @ app.jsx:65
t @ bootstrap 9fd7f84eef3929cfda94:19
(anonymous) @ index.js:4
t @ bootstrap 9fd7f84eef3929cfda94:19
(anonymous) @ bootstrap 9fd7f84eef3929cfda94:65
(anonymous) @ bootstrap 9fd7f84eef3929cfda94:65
(index):5 GET https://js-agent.newrelic.com/nr-1044.min.js net::ERR_BLOCKED_BY_CLIENT
r @ (index):5
www.facebook.com/impression.php/f121f64701b2a6c/?lid=115&payload=%7B%22source%22%3A%22jssdk%22%7D:1 GET https://www.facebook.com/impression.php/f121f64701b2a6c/?lid=115&payload=%7B%22source%22%3A%22jssdk%22%7D net::ERR_BLOCKED_BY_CLIENT
Image (async)
p @ all.js:76
r @ all.js:76
v @ all.js:159
(anonymous) @ all.js:159
ca @ all.js:47
(anonymous) @ all.js:159
setTimeout (async)
_sdkBound @ all.js:22
a @ all.js:159
require @ all.js:24
require @ all.js:24
__d @ all.js:24
(anonymous) @ all.js:160
(anonymous) @ all.js:187
(anonymous) @ all.js:187
pinit_main.js?0.8402128014787631:1 GET https://log.pinterest.com/?guid=ANyUBSge74Vf&tv=2017042001&type=pidget&sub=www&button_count=0&follow_count=0&pin_count=0&profile_count=0&board_count=0&lang=en&via=https%3A%2F%2Fuserstyles.org%2F&callback=PIN_1501538844497.f.callback[0] net::ERR_BLOCKED_BY_CLIENT
7 years ago
Permalink

Comment has been collapsed.

ahh..... ublock origin was causing the issues.. =(

nevermind / sorry for pestering you about it... leaving all this up though in case anyone else runs into this.

7 years ago
Permalink

Comment has been collapsed.

Or it could have been a lack of coffee, that happens to me a lot ๐Ÿ˜‰

7 years ago
Permalink

Comment has been collapsed.

Fantastic skin, man. Going to use it from now on all day long. Good job. ๐Ÿ˜†

7 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 1 year ago.

7 years ago
Permalink

Comment has been collapsed.

Version 1.4.6.4

  • Updated for steamgifts tooltip changes.
  • ESGST up to date as of v6.Beta.24.0
7 years ago
Permalink

Comment has been collapsed.

It's only me, or the new Firefox update made it look bad?

7 years ago
Permalink

Comment has been collapsed.

I have problems too since the 55.0 update.

7 years ago
Permalink

Comment has been collapsed.

7 years ago
Permalink

Comment has been collapsed.

For firefox version 55 any style injected by a script will need to change

// @run-at      document-start

to

// @run-at      document-body

CSS added by the stylish plugin will work just fine. I don't know if this is a firefox bug or the script injectors will need to adjust for the new firefox later but changing from start to body will make it work proper again.

Edit: Only affects firefox 55+ using greasemonkey, most likely will not be an issue after greasemonkey converts to WebExtensions.

7 years ago*
Permalink

Comment has been collapsed.

Thanks! :) It works.

7 years ago
Permalink

Comment has been collapsed.

Version 1.4.6.5

  • Changed script start to body for firefox 55.
  • ESGST up to date as of v6.Beta.25.1
7 years ago
Permalink

Comment has been collapsed.

o./ hellooooo.
Well not sure if bug or just me. But every time I poke around here on SG, my dark style goes to white for a few seconds, fairly painful for the eyes.
Any tips or info are welcome ^_^ Thanks!
Also:

View attached image.
7 years ago
Permalink

Comment has been collapsed.

It is a known problem with styles particularly with using script injection. Browser extensions such as stylish are much less prone to the problem so you might want to give that a try.

7 years ago
Permalink

Comment has been collapsed.

Oh, I thought I had it on with Stylish, turns out it was money that had in on :o it seems to be solved now. Thank you so much! <3
Edit; think I know why I was on money, to set custom colors. Can't really find that back in Stylish.

7 years ago*
Permalink

Comment has been collapsed.

You can save your custom style to a file and then copy/paste that into stylish ;)

7 years ago
Permalink

Comment has been collapsed.

You can read my mind o_o spooky!
Well I did try that about hmm half hour ago, and failed miserable xD

7 years ago
Permalink

Comment has been collapsed.

Version 1.4.6.7

  • ESGST up to date as of v6.Beta.31.3

Version 1.4.6.6

  • ESGST up to date as of v6.Beta.30.4
7 years ago*
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 1 year ago.

7 years ago
Permalink

Comment has been collapsed.

That should have been fixed in today's update, double check you are on version 1.4.6.6

7 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 1 year ago.

7 years ago
Permalink

Comment has been collapsed.

Version 1.4.7.1

  • ESGST up to date as of v6.Beta.35.1
  • Patreon updates.

Version 1.4.7

  • Steamgifts region list/group list update

Version 1.4.6.8

  • ESGST up to date as of v6.Beta.31.15
7 years ago*
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 1 year ago.

7 years ago
Permalink

Comment has been collapsed.

Version 1.4.7.2

  • ESGST up to date as of v6.Beta.37.3
  • SG++ settings added missing CSS.
7 years ago
Permalink

Comment has been collapsed.

Hey SP,
in case I haven't said it before: Thanks for this Userstyle!
Since yesterday I'm experiencing extremely long loading times of sg-pages while the style and sg++ are active (+5-6 seconds per page compared to having only one of the addons activated). The latest updated can't causing it since I manually installed it just an hour ago (hoping this might fix it). Do you have any idea what might be causing this and how to fix it?

7 years ago
Permalink

Comment has been collapsed.

+1

7 years ago
Permalink

Comment has been collapsed.

Sounds like the grease monkey issue

7 years ago
Permalink

Comment has been collapsed.

Indeed downgrading to 3.14 seems to have done the trick. Thank you very much for your help!

7 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 6 years ago.

7 years ago*
Permalink

Comment has been collapsed.

Version 1.4.7.5

  • ESGST filter and ESGST steamtrades update

Version 1.4.7.4

  • remove tooltip on click

Version 1.4.7.3

  • ESGST up to date as of v6.Beta.38.4
7 years ago*
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 1 year ago.

7 years ago
Permalink

Comment has been collapsed.

Fixed in Version 1.4.7.4

7 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 1 year ago.

7 years ago
Permalink

Comment has been collapsed.

Version 1.4.9

  • corrected triplicate version 1.4.8

Version 1.4.8

  • Changes for Firefox 57 with Greasemonkey 4.0

Version 1.4.7.9

  • ESGST up to date as of v7.7.4

Version 1.4.7.8

  • ESGST up to date as of v7.7.2

Version 1.4.7.7

  • ESGST up to date as of v7.6.2

Changed suggested style manager to Stylus

Happy Halloween

๐Ÿ‘ป ๐ŸŽƒ ๐Ÿ‘ป

7 years ago*
Permalink

Comment has been collapsed.

I've switched to Firefox today and I have an issue when opening new tabs. After I refresh the page it goes back to normal. Any idea why it happens?
I've tried it will only this script running so it probably has nothing to do with another script.

View attached image.
7 years ago
Permalink

Comment has been collapsed.

Greasemonky for firefox 57 is not exactly polished yet ;)

7 years ago
Permalink

Comment has been collapsed.

I'm using Tampermonkey, but I'll assume same thing goes for that one as well :)

7 years ago
Permalink

Comment has been collapsed.

Well it is better than greasemonkey but it still has that problem so it might just be a firefox 57 issue.

7 years ago
Permalink

Comment has been collapsed.

Well I have Firefox 56.0.2 and I am on same boat after installing Dark v1.4.9. :) Turning Dark off and on fix it for that single page, but not permanently and settings doesn't even work.

7 years ago
Permalink

Comment has been collapsed.

The problem is 56 needs

// @run-at      document-body

And 57 needs

// @run-at      document-start

So i probably will end up ditching 57 support until things settle a bit.

7 years ago
Permalink

Comment has been collapsed.

This one is broken for me.

7 years ago
Permalink

Comment has been collapsed.

As of today I had to disable this. It won't allow GA entry while on. Seems like the latest update killed it.

7 years ago
Permalink

Comment has been collapsed.

I have also discovered searching is broken with it on.

7 years ago
Permalink

Comment has been collapsed.

Sign in through Steam to add a comment.