Dark SteamGifts Userstyle v0.5 Beta

Changelog
Also, fork it here.

Stylish doesn't auto-update so it is highly recommended that you update manually via the download page once in a while.


Steamgifts is a very bright/light site. Some people in the official steamgifts chat wanted to see something that was darker. I decided to make it and here it is. This is fully compatible with Steamgifts Plus

Note: Firefox for some reason looks more "rough" than those screenshots taken in chrome. It has the overall feel but there are some white borders on places, etc. that I'm still looking into.


Screenshots

Home (List View)
Home (Grid View)
Home (Footer Area)
Forum
Creating a Giveaway


Download Now!

Please Note: This is the first public version. I'm not still not sure what quirks are there and whether or not it plays that well with small screens.


Install for Firefox

  1. Get Stylish
  2. Go to the download link
  3. Click Add to Stylish

Install for Google Chrome

  1. Get Stylish
  2. Go to the download link
  3. Click Add to Stylish

Install for Opera 15

  1. Get Stylish
  2. Go to the download link
  3. Click Add to Stylish

Or

  1. If you have greasemonkey already, you can use the 'install this style as user script' on userstyles.org. Stylish is still recommended over it though.

Bug Reports and Suggestions

Post them here or on this forum. Github is the better place though.

11 years ago*

Comment has been collapsed.

Dark feels so nice on my eyeballs

Mmmmmmmmmmmmmmmh yeeeees

EDIT: Ughn! That red on black in the entries, won and so on lists is killer Dx

11 years ago
Permalink

Comment has been collapsed.

You're my hero(ine)! I use dark styles for most websites I visit on a daily basis and I definitely missed one for SteamGifts. Thank you so much.

11 years ago
Permalink

Comment has been collapsed.

Awesome!!!

I already have all the dark themes for almost every site that i see daily (twitch.tv, youtube) and now steam gift!

Thank you :)

11 years ago
Permalink

Comment has been collapsed.

+1 ... nothing else to add to this.

11 years ago
Permalink

Comment has been collapsed.

You want me to join the dark side?

11 years ago
Permalink

Comment has been collapsed.

Sorry to sound like a noob, but how do you "manually" update?

I like the style though, all better than white :D

11 years ago
Permalink

Comment has been collapsed.

Go to download link, and it will say "update style" or something along those lines. Just do that once in a while and you should be up to date.

11 years ago
Permalink

Comment has been collapsed.

Awesome, works perfect apart from replies to post not being marked by SG+.

Thanks!

11 years ago
Permalink

Comment has been collapsed.

Give Void v2 a shot. I am still updating it, its pretty much a copy of this one but updated for SG+

11 years ago
Permalink

Comment has been collapsed.

This is compatible with SG+. Good work on Void v2 by the way.

11 years ago
Permalink

Comment has been collapsed.

Thanks, I believe I put credit to you also in it.

EDIT
I tend to like your version better due to the fact that I am not good at design or choosing color shcemes.

11 years ago
Permalink

Comment has been collapsed.

Oh, I'm not this. This is a new userstyle that is based off of both Void and that one.

11 years ago
Permalink

Comment has been collapsed.

I tried void v2 right now and I have white borders on giveaway page and on the forum whole topics are white (here)
the one from this topic works much better for me than void v2 and it seems to be more updated since those same things were fixxed before in this style as you can read below.

11 years ago
Permalink

Comment has been collapsed.

hmm, that is kinda weird from Void 2. I will have to look into it. If you could either add me on steam or post in my thread for Void 2 on what browser your using etc.

11 years ago
Permalink

Comment has been collapsed.

Looking good! Trying it out now.

11 years ago
Permalink

Comment has been collapsed.

Ok so a couple of issues that I am noticing. First new replies are not being marked by steamgifts+ with the blue box (so the normal posts are getting the blue box but replies to those are not). Second the text in the comment box that I am typing in now (and the submit comment button) is almost white so I can barely see what I am typing. Third, there is a grainy sort of texture that is next to long chains of replies (on the left side under the origional post they are replying to). Other than that I don't notice anything, this is a really great theme!

11 years ago
Permalink

Comment has been collapsed.

The text box is a known problem with Firefox for some reason.

11 years ago
Permalink

Comment has been collapsed.

the background of the text box is grey for me and the typing is in white color (have updated the style) so its fine for me and im using Firefox. :)

OP really fixxed a lot really fast, so you should update the style to check if your problems are solved.

11 years ago
Permalink

Comment has been collapsed.

Added a solution for steamgifts + replies, blue border

11 years ago
Permalink

Comment has been collapsed.

perfect, that worked. That was the only problem keeping me from using this style, thanks!!

11 years ago
Permalink

Comment has been collapsed.

Awesome! I'll use this at night so my eyes don't get blinded by the white :)

11 years ago
Permalink

Comment has been collapsed.

I'd just like to point out that you can update CSS rules via the Stylish extension instead of visiting the download page and installing it from there. All you need to do is click on the Stylish icon and hit "Manage Installed Styles" upon which it will take you to a page like this where you can ask it to pull updates for a specific CSS.

11 years ago
Permalink

Comment has been collapsed.

This only worksfor chrome

11 years ago
Permalink

Comment has been collapsed.

Badass.

11 years ago
Permalink

Comment has been collapsed.

Hey i found that if giveaways end some of the text you cant see. I highlighted the text and under that you see how you see it without highlighting. http://db.tt/mkJjpJEA

11 years ago
Permalink

Comment has been collapsed.

Fixed

11 years ago
Permalink

Comment has been collapsed.

Awesome. Thanks`.

11 years ago
Permalink

Comment has been collapsed.

Overall this is an awesome style, but one thing prevents me from using it. The borders of every gibbeaway is always the same and not colored like e.g. green for group GA.

11 years ago
Permalink

Comment has been collapsed.

+1

11 years ago
Permalink

Comment has been collapsed.

There is an issue on how the site is currently coded. There is only so much third party modifications can do. Right now, there are a lot of <div style="css style here">` code. With this, if you try to override this with an !important flag at the end, it will change all of them on the site with in the class its in. Until the site's html and sytlesheets get updated with individual classes or IDs. There is very little that can be changed manually.

11 years ago
Permalink

Comment has been collapsed.

Actually this issue was working with the first release of the style, as far as i can remember. :3

11 years ago
Permalink

Comment has been collapsed.

Hmm, really? I'll look into it then. Not sure if I can get it working because there are so many style overrides.

11 years ago
Permalink

Comment has been collapsed.

Pretty sure. It shows colors even in your pinned screeny, but only for the first page...
Keep on the good work! :)

11 years ago
Permalink

Comment has been collapsed.

The current build fixed all previous problems, the style is now perfect for me! Thanks for this again! <3

11 years ago
Permalink

Comment has been collapsed.

Can you change color of font inside of this text field?

11 years ago
Permalink

Comment has been collapsed.

What specific page is it coming from? It seems to be working just fine right now.

Image

11 years ago
Permalink

Comment has been collapsed.

Thats fixed now.

11 years ago
Permalink

Comment has been collapsed.

Looks perfect on my screen tr~sama, Thank you ^_^.

I love the darkness!!!

11 years ago
Permalink

Comment has been collapsed.

Thank you for this style, i used it for ~2sec and already way better than the original, i like dark better:) Thanks!

11 years ago
Permalink

Comment has been collapsed.

Oh, it is beautiful... thank you!

11 years ago
Permalink

Comment has been collapsed.

Thanks so much,been waiting for something like this. The white screen always bugs me,considering I wear glasses. It makes my eyes hurt and I can see a bunch of smudges on my glasses when its so light. Also,it's a 42" TV I use as my monitor,and I have to sit a few feet away from it too,so I'm pretty close. This is really helpful,thanks!

11 years ago
Permalink

Comment has been collapsed.

Looks good, but it has some issues at least on Firefox.

  • The submit comment button stands out a bit too much and the text color makes the text almost invisible.
  • The footer area is unfinished (WIP?). I noticed it was also mentioned on GitHub.
  • The forum searchbar looks weird.

The style also works with SG Enhancement Addon script (yes, I'm still using that).

11 years ago
Permalink

Comment has been collapsed.

Footer has been fixed on chrome. Still not showing up Firefox though.

11 years ago
Permalink

Comment has been collapsed.

For searchbar i added

#navigation .search .input input { padding: 0 !important; line-height: 10px; !important; height: 20px !important; width: 85px !important; margin-left: 10px !important; margin-top: 2px !important; }

And changed

#navigation .search { background-color: #444 !important; border: 1px solid #5d6a73; }

Results http://i.imgur.com/m4qfk0z.png

11 years ago
Permalink

Comment has been collapsed.

Thanks. I'm going to merge that in. If you have any other changes, can you try to put it on Github? This way, I can easily see them and merge them into my changes.

11 years ago
Permalink

Comment has been collapsed.

Here is my fork with any updates I have made Fork

11 years ago
Permalink

Comment has been collapsed.

Updated to fix grid view. (Thanks SquishedPotatoe on Github!) Also, fixed comment area on Firefox and see scrollbar.

11 years ago
Permalink

Comment has been collapsed.

Great! Thanks for all your work.
Unlucky... comment edit area is still white :/
If you could also change color of "Submit Comment" and "Save Comment" button it would be very nice :)

11 years ago
Permalink

Comment has been collapsed.

Can you manually update it? Mines are all gray.

11 years ago
Permalink

Comment has been collapsed.

Already did it before and now there is no new update :/

11 years ago
Permalink

Comment has been collapsed.

Hmm, really? Try again. Can you also tell me what version of firefox?

11 years ago
Permalink

Comment has been collapsed.

23

11 years ago
Permalink

Comment has been collapsed.

Thanks, now works good :D

11 years ago
Permalink

Comment has been collapsed.

Can you also fix edit field?
It looks like comment area before update - illegible :/
I have firefox 23

11 years ago
Permalink

Comment has been collapsed.

On steamgifts too ;)

11 years ago
Permalink

Comment has been collapsed.

Looks pretty, though I usually don't like dark styles.

11 years ago
Permalink

Comment has been collapsed.

I'm really liking this. I've always preferred dark themes. Thanks a lot!
:)

11 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 1 year ago.

11 years ago
Permalink

Comment has been collapsed.

I WILL LOVE YOU FOREVER NOW !

IT'S SO EPIC THAT IT NEED TO BE SAID ALL IN CAPS !

THANKS !

It's really awesome :D

11 years ago
Permalink

Comment has been collapsed.

Deleted

This comment was deleted 6 years ago.

11 years ago
Permalink

Comment has been collapsed.

Closed 10 years ago by tr4656.