Our header isn't a solid color, so the solid topbar looks horrible.

Proposal: Instead of a background-color of #212121, give it some alpha transparency:

background-color: rgba(33, 33, 33, .4);

Which looks like this:

Semi-Transparent Topbar

(I'm using Greasemonkey to put Meta and Chat back in the topbar, that's why I have the links)

  • 2
    It's a good look, I'll give you that. Makes the reputation text a bit hard to read though.
    – Shog9
    Commented Dec 5, 2013 at 5:36
  • This looks so much better! See how the black bar looks over at Christianity SE. Ugh! This would be awesome there as well! Commented Dec 5, 2013 at 7:19
  • 1
    I suggested this on meta. Commented Dec 5, 2013 at 8:00
  • This Meta.SO post has some userscripts and userCSS that lets you customize the topbar to your liking.
    – user1027
    Commented Dec 5, 2013 at 21:19
  • @Keen I've been making my own as I come across something I don't like ;)
    – Izkata
    Commented Dec 6, 2013 at 0:05

1 Answer 1


I have pushed a change to make the topbar now translucent. the CSS I used is rgba(0,0,0,0.8). This way it will play nicer with our sites that are visually heavy.

  • 8 is not enough.
    – Kyle Jones
    Commented Dec 9, 2013 at 7:46
  • @KyleJones I've made it more translucent.
    – Jin
    Commented Dec 9, 2013 at 10:58
  • Thank you. It looks better now.
    – Kyle Jones
    Commented Dec 10, 2013 at 17:04

You must log in to answer this question.

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