216

A while ago, when one used <kbd>Enter</kbd> the output was clean and beautiful: enter image description here. Since one UI update (can't tell which) the kbd now have an ugly background-color : Enter.

I find it unpleasant and not very consistent since this is the same color used in the Code Sample section which doesn't have the same meaning (unless you have keys that write code with one press).

May we rollback to previous CSS?

26
  • 69
    Just means we repented of using chiclet keys and went back to mechanical switches with proper beige key-caps.
    – Shog9
    Commented May 18, 2016 at 14:57
  • 19
    Maybe it's time for black keyboard keys? That might look pretty sharp.
    – tniles
    Commented May 18, 2016 at 15:39
  • 22
    For next year's April Fool's, SO should "revert" to "real" chiclet keys (image of a baby chick with letters on it). ;-)
    – tniles
    Commented May 18, 2016 at 15:40
  • 81
    From the title, I thought this was a burnination request. I feel cheated. I'm outta here. Good day to you, sir. Commented May 18, 2016 at 18:38
  • 4
    I think they might have tried to nail that aluminum look, but failed. Commented May 18, 2016 at 18:44
  • 4
    I actually like the new look.
    – JonH
    Commented May 18, 2016 at 18:51
  • 13
    This is also not a bug please remove the bug tag. A bug is when something isn't broken, not whether you like / dislike a shade of gray.
    – JonH
    Commented May 18, 2016 at 19:05
  • 9
    @JonH bug tag => This tag indicates a reproducible problem on the site that you believe is due to a mistake, since I believe that it's due to a mistake, I tagged it as a bug Commented May 18, 2016 at 19:10
  • 6
    @ThomasAyoub: It's obviously not a "mistake", but an intentional design choice, even if you disagree with that choice. Commented May 18, 2016 at 19:18
  • 25
    I also like the old one, just because to me the new one does look like somebody accidentally used the wrong color for the text background - if you make it look gray (which is fine, I have no personal preference as to actual color), it should be gray all the way out to the edge of the "button," not just gray on the text part.
    – Ajean
    Commented May 18, 2016 at 19:35
  • 25
    THIS IS A BUG!!!!!!!!!!!!!! When people mess with the <kbd> discussion time is OVER!!!!!!!!!!!
    – Pekka
    Commented May 18, 2016 at 19:54
  • 19
    I can't look at my collection of castles and keyboards until this is fixed!
    – intcreator
    Commented May 18, 2016 at 22:43
  • 7
    @brandaemon OH MY. How have I been on SO, MSO, MSE for so long and not seen that awesomeness?
    – Ajean
    Commented May 19, 2016 at 0:15
  • 11
    @Mohamad nobody forced you to waste a minute of your time to read this question and the same amount of time to write this comment :) It bothered me enough to take 5 minutes of my free time to post here, and, given the amount of votes, seems not to be the only one bothered Commented May 19, 2016 at 14:27
  • 1
    @ThomasAyoub can't argue with statistics ;)
    – Mohamad
    Commented May 19, 2016 at 14:29

1 Answer 1

52

Just for reference, the original CSS looked probably like this:

kbd, span.kbrd {
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
    color: #333333;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 1.4;
    margin: 0 0.1em;
    padding: 0.1em 0.6em;
    text-shadow: 0 1px 0 #ffffff;
    white-space: nowrap;
}

I know it because I shamelessly ripped it and used in some documentation.

6
  • 5
    And you gave credit where credit was due right ? :)
    – JonH
    Commented May 19, 2016 at 15:35
  • 46
    Does /* stackoverflow keyboard style*/ count? Commented May 19, 2016 at 15:55
  • 3
    Looks good to me...
    – JonH
    Commented May 19, 2016 at 15:57
  • I don't think it had that background color, my memory (and memory is flawed, as we know) is that it was even lighter than that, perhaps even white like the image in the question. Commented May 19, 2016 at 17:06
  • 7
    @JonH "This code was produced with 99% recycled Stackoverflow content."
    – Jim V
    Commented May 19, 2016 at 19:37
  • Thanks for that, @Tomáš - now added to my Stylish for SE... Commented May 20, 2016 at 9:08

You must log in to answer this question.

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