Created
December 14, 2016 14:20
-
-
Save anonymous/37d8479638f238519860ac69af7d61c3 to your computer and use it in GitHub Desktop.
Various custom CSS to make Facebook less terrible
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@-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; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@-moz-document url-prefix("https://www.facebook.com") { | |
.fbNub._2suj, ._2suj .fbDockChatTabFlyout{ | |
transition: none !important; | |
-webkit-animation: none !important; | |
display: none !important; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@-moz-document url-prefix("https://www.facebook.com") { | |
[data-gt*='"notif_type":"like'], [data-gt*='"notif_type":"feedback_reaction_generic"']{ | |
display: none; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@-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