Skip to content

Instantly share code, notes, and snippets.

Created December 14, 2016 14:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save anonymous/37d8479638f238519860ac69af7d61c3 to your computer and use it in GitHub Desktop.
Save anonymous/37d8479638f238519860ac69af7d61c3 to your computer and use it in GitHub Desktop.
Various custom CSS to make Facebook less terrible
@-moz-document url-prefix("https://www.facebook.com") {
body{
background-color: #e9e9e9 !important;
}
/* 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;
}
}
@-moz-document url-prefix("https://www.facebook.com") {
#facebook ._6gd{
padding: 0;
}
#facebook ._6gb{
margin: 4px 5px 8px;
}
#facebook ._6gs, #facebook ._3oxr{
display: none;
}
}
@-moz-document url-prefix("https://www.facebook.com") {
.fbNub._2suj, ._2suj .fbDockChatTabFlyout{
transition: none !important;
-webkit-animation: none !important;
display: none !important;
}
}
@-moz-document url-prefix("https://www.facebook.com") {
[data-gt*='"notif_type":"like'], [data-gt*='"notif_type":"feedback_reaction_generic"']{
display: none;
}
}
@-moz-document url-prefix("https://www.facebook.com") {
/* TODO: Fix tab order */
._59v1{
flex-direction: row-reverse;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment