So when April fools rolled around we were blessed with one of the best themes this site has ever seen. The thing was, there was an annoying filter on all the images, in order to add to the '90s charm I suppose. While fun for awhile, I really like using this theme as my daily driver on the 'temp, so I decided to figure out how to get rid of it.
I first started by using inspect element on an image. I found that there was a css rule that was applying the "posterize" effect to every image. Knowing that it was simply a css rule, I figured that I could simply change it using the browser extension Stylus. So I created a new theme and wrote the following:
And it worked! Now I have the perfect theme!
If you want to do the same thing, all you have to do is install stylus from your web browser of choice's extension store. Then create a new theme and copy and paste the above into it and click save. As far as I can tell, it works on every image except for your profile picture in the profile menu that drops down when you hover over your profile. Perhaps I'll try and fix that later. That's a small complaint for me though.
Hopefully no one posted this solution in the tutorial section or something. I promise I figured this out on my own!
-N10A
Edit:
For some reason it doesn't work on the front page either, not sure why. I'll see if I can fix that.
Edit 2:
Fixed both the avatar thingy and the front page! Probably should have checked more thoroughly before posting huh. Oh well, fixed now.
NVM, guess I didn't actually fix it. dang it.
Hopefully final edit:
Apparently you can just add everything on one line. Cool. I just copied and pasted everything from inspect element and it works now, even on the homepage! Just update your style sheet with the new code above.
I first started by using inspect element on an image. I found that there was a css rule that was applying the "posterize" effect to every image. Knowing that it was simply a css rule, I figured that I could simply change it using the browser extension Stylus. So I created a new theme and wrote the following:
Code:
img, image, .avatar .img, .memethumb, .featured_item a::before, #review_list .review_boxart::before, .portal_block .news_image, .avatarCropper img{
-webkit-filter: none;
filter: none;
}
And it worked! Now I have the perfect theme!
If you want to do the same thing, all you have to do is install stylus from your web browser of choice's extension store. Then create a new theme and copy and paste the above into it and click save. As far as I can tell, it works on every image except for your profile picture in the profile menu that drops down when you hover over your profile. Perhaps I'll try and fix that later. That's a small complaint for me though.
Hopefully no one posted this solution in the tutorial section or something. I promise I figured this out on my own!
-N10A
Edit:
For some reason it doesn't work on the front page either, not sure why. I'll see if I can fix that.
Fixed both the avatar thingy and the front page! Probably should have checked more thoroughly before posting huh. Oh well, fixed now.
NVM, guess I didn't actually fix it. dang it.
Hopefully final edit:
Apparently you can just add everything on one line. Cool. I just copied and pasted everything from inspect element and it works now, even on the homepage! Just update your style sheet with the new code above.