Skip to content

Instantly share code, notes, and snippets.

@robbyoconnor
Forked from DanH42/blackfacebook.css
Created January 20, 2017 09:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save robbyoconnor/2a2f97269dd9bea45f50880c55f349bb to your computer and use it in GitHub Desktop.
Save robbyoconnor/2a2f97269dd9bea45f50880c55f349bb to your computer and use it in GitHub Desktop.
Changes Facebook from blue to black
/* Top bar */
#blueBarNAXAnchor, ._4f7n, ._2s1x ._2s1y{
background-image: none !important;
background-color: #333 !important;
border-bottom-color: #222 !important;
}#blueBarNAXAnchor:after, ._4f7n:after, ._2s1x ._2s1y:after{
background: none !important;
}
/* Notification Icon */
.jewelButton, #privacyFlyoutLabel, #userNavigationLabel, ._59fb{
-webkit-filter: grayscale(1) contrast(1.75) !important;
}.hasNew .jewelButton{
-webkit-filter: none !important;
}
/* Notification popup */
._4af ._33e{
background-color: #eaeaea !important;
background: rgba(239, 239, 239, .98);
border-color: #dedede !important;
}._33c:hover ._33e, ._33c ._33e:focus{
background-color: #f6f6f6 !important;
border-color: #eaeaea !important;
}
/* Chat windows */
.fbNubFlyoutTitlebar{
background-color: #555 !important;
}.focusedTab .fbNubFlyoutTitlebar{
background-color: #333 !important;
}.titlebar .titlebarText{
color: white !important;
}._1nc6 ._d97{
background: #ddd !important;
color: #4b4f56 !important;
}._1nc7 ._d97{
background: white !important;
color: #4b4f56 !important;
}._3__-._20fw .fbDockChatTabFlyout .fbNubFlyoutBody{
background-color: #edeef1 !important;
}
/* News Feed item count */
._5ahz, ._4u91{
background: #666 !important;
}._2pdh:hover ._5ahz, ._2pdh:hover ._4u91{
background: #888 !important;
}
/* Feed item highlights */
._5vb_ ._5qdv, ._1usz *{
border-color: #333 !important;
}._5vsj .UFIRow.UFIUnseenItem:after{
background-color: #333 !important;
}
/* Post button */
._4jy1, ._4jy1._42fr:active, ._4jy1._42fr._42fs{
background-color: #444 !important;
border-color: #222 !important;
background-image: none;
}._4jy1:active, ._4jy1._42fs{
background-color: #888888 !important;
border-color: #434343 !important;
}
/* Button glow */
html ._4jy0:focus{
-webkit-box-shadow: 0 0 1px 2px rgba(88, 88, 88, .75), 0 1px 1px rgba(0, 0, 0, .15) !important;
outline: none !important;
}
/* Search bar */
._585- ._4w98._4w97{
background: #909090 !important;
}._4w96._585-{
border-color: #353535 !important;
}
/* Dropdown items */
._558b ._54ne ._54nc{
background-color: #555;
border-color: #333;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment