49

I'm referring to those new big black buttons on Stack Overflow for actions such as "Post Your Answer", "Add Comment", "Add Another Answer", "Yes" and "No":

a purple cat screams in the night

Their high contrast and relief hurt the eye in an interface otherwise mostly soft.

The problem with spots of high differences of contrast is that it makes more difficult to see the rest of the page.

28
  • 2
    Yeah... mostly soft. There are dozens if not hundreds of these in the mod queue (more than in the 10k queue? I don't even remember what the 10k queue looks like anymore) - and over there it's murder. Feb 6, 2013 at 9:06
  • @Bolt here's a reminder :) (dystroy feel free to use this as another example in your post) Feb 6, 2013 at 9:17
  • @ShaWizDowArd: Ah. Ours has more buttons. Feb 6, 2013 at 9:18
  • 31
    Button: "I WANT YOUR ATTENTION!" Me: "No. I will have my coffee." Button: "YOU MUST REVIEW!" Me: "...okay then. One more." Button: "Mm. That's the ticket."
    – J. Steen
    Feb 6, 2013 at 9:27
  • 2
    looks like developers at so wants to design like new visual studio where everything is dark Feb 6, 2013 at 9:29
  • 4
    @NullPointer You know there is a light theme for VS2012, right? And if they really wanted to design like VS2012, everything would be in uppercase. =D
    – J. Steen
    Feb 6, 2013 at 9:30
  • 2
    @NullPointer Are you saying it sets up the dark theme as default if you're not a C# programmer? What? =D
    – J. Steen
    Feb 6, 2013 at 9:36
  • 9
    @JonW There are too many Call-To-Action. Do I really need to Add Another Answer ? When can I stop adding answers ? Feb 6, 2013 at 14:55
  • 2
    Surely someone will make a userscript for this before the GMT day ends. Feb 6, 2013 at 15:18
  • 1
    Also, a brief glance at the comments in your screenshot lead me to some interesting first thoughts that required me to go back and re-read them more carefully - "I'll consider it" ... "destory" ... "hope you're serious" ... "my wife" :)
    – Rachel
    Feb 6, 2013 at 16:51
  • 3
    Being a designer for Stack Exchange has to be the hardest job in the world :-) Feb 6, 2013 at 18:35
  • 1
    I don't think so. Some of us often have a manager asking for another new button in the interface because of a new feature they want to sell and it ends like this. Feb 6, 2013 at 18:38
  • 1
    @random meta.stackoverflow.com/revisions/166442/4 What's with the comment? :P
    – Doorknob
    Feb 6, 2013 at 23:16
  • 1
    @dystroy - No, for all the bells and whistles, at its core it is horribly inefficient and inconsiderate of the user. Here is one glaring example: meta.stackexchange.com/a/139774/182042
    – spring
    Feb 7, 2013 at 7:36
  • 1
    @Doorknob he means that it was one-time meme for the good old envelope R.I.P (see you joined after it was gone... in short it was something very important to many people that one day suddenly disappeared. Now that was a real Eeeeek) Feb 7, 2013 at 8:02

1 Answer 1

7

UserScript to bring back the plain button.

// ==UserScript==
// @name           Plain Button
// @namespace      nhahtdh
// @description    Brings back the plain old button!
// @include        http://stackoverflow.com/*
// @include        http://serverfault.com/*
// @include        http://superuser.com/*
// @include        http://meta.stackoverflow.com/*
// @include        http://meta.serverfault.com/*
// @include        http://meta.superuser.com/*
// @include        http://stackapps.com/*
// @include        http://*.stackexchange.com/*
// @include        http://askubuntu.com/*
// @include        http://meta.askubuntu.com/*
// @include        http://answers.onstartups.com/*
// @include        http://meta.answers.onstartups.com/*
// @include        http://mathoverflow.net/*
// @include        http://area51.stackexchange.com/proposals/*
// @exclude        http://chat.*/*
// @grant          metadata
// @author         nhahtdh

function with_jquery(f) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.textContent = "(" + f.toString() + ")(jQuery)";
    document.body.appendChild(script);
};

with_jquery(function ($) {
    $('head').append(
        $(
            '<style>' +
            // Remove black buttons
            'input[type="button"], input[type="submit"] { \
                box-shadow: inherit; \
                background-color: rgb(240, 240, 240); \
                color: rgb(68, 68, 68); \
                border: 1px solid rgb(153, 153, 153) !important; \
                border-radius: inherit; \
            }' +
            '</style>'
        )
    );
});
2
  • It seems to work. Feb 6, 2013 at 19:11
  • @dystroy: Thanks for the feedback.
    – nhahtdh
    Feb 6, 2013 at 19:12

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .