Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Stack Overflow - New navigation bar dark theme
@-moz-document domain("stackoverflow.com") {
body.newheader {
padding-top: 0;
}
.so-header {
background-color: #333;
position: relative;
}
.so-header .navigation .-link,
.so-header .secondary-nav .-item .-link,
.so-header .my-profile .-rep,
.topbar-dialog .header h3,
.topbar-dialog .header a,
.topbar-dialog .header a:visited {
color: #999;
transition: background .3s, color .3s;
}
.so-header .navigation .-link:hover,
.so-header .navigation .-link:focus,
.so-header .my-profile:hover,
.so-header .secondary-nav .-item .-link:hover,
.so-header .secondary-nav .-item .-link:focus,
.so-header .navigation .-item._current .-link {
background-color: #555;
color: #FFF;
}
.topbar-dialog .header {
background-color: #444;
}
.topbar-dialog .header a:hover {
color: #FFF;
}
}
@-moz-document domain("meta.stackoverflow.com") {
.so-header {
background-color: #DDD;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.