I want to change the appearance of superuser.com site on my google chrome and increase the contrast, change font size etc.,. I do not want to use any plugin for changing the background color.

I came across this "Inspect Element" feature available in Chrome. I'd want to know if there are options (in its code) available to accomplish this ?

Edit: After using stylish for the first time - this is how it looks - but still unable to bring dark colors on superuser.com
enter image description here


You can use the Stylish plugin to change colors on any website. For dark-colors you can folow this link.

When you installed Stylish and also installed the style in that link you can apply it to superuser.com by clicking on the Stylish-icon (upper right) and choosing Manager installed styles. Click the Edit-button (under Stack Overflow Dark Colors).

At the bottom click Add and type superuser.com in the URL-box.

enter image description here

Don't forget to click Save at the top-left to save the settings. enter image description here

Of course you can also play with the colors in that Edit-screen.

Edit: (LOL)
I saw the style also changes the logo to the one from Stackoverflow. (But you really are on the Superuser-site). If you put a # before the background-image-line you can remove the logo-substitution. In that case the original logo is used (but the text Superuser is quite dark).

#hlogo a {
    #background-image: url("http://i.imgur.com/zeNdkNx.png") !important;
    background-size: 280px;

enter image description here

Also if superuser.com is the only site you need this you can create your own logo (inversed) and use it in the script.

Edit #2:
If changing the "Stack Overflow Dark Colors" doesn't work for you, you could try "stack overflow dark". That one has superuser.com already build in as included site.

  • Adding superuser.com to the list - does not work for me - unfortunately ;-( What could be wrong? – Prasanna Apr 7 '15 at 16:50
  • @Prasanna That's strange. You did click save (after clicking Add and adding superuser.com)? I did it again here on my home-computer and it works here. Does it still work for stackoverflow.com? – Rik Apr 7 '15 at 17:35
  • Thats the thing. It works for stackoverflow.com - By the way, I did click the "SAVE" button after the modification – Prasanna Apr 7 '15 at 18:11
  • @Prasanna What happens if you reinstall the script and don't change anything in the script and change stackoverflow.com to superuser.com (in stead of adding it)? Does it work then? – Rik Apr 7 '15 at 21:43
  • @Prasanna I added an "Edit #2" with another userstyle which already had superuser.com build in. It's here. Does that one work for you?? I also saw you had "everything" but that was for the upper section. You didn't show your addition of superuser.com below the css-style changes. It's all the way at the bottom. Like this (adding superuser.com there). – Rik Apr 9 '15 at 16:12

You need to add URLs maching the regexp instead 'URL on the domain'.

And value of it needs to be ^https?://((chat|meta).)?superuser.com.*

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.