Skip to content

Instantly share code, notes, and snippets.

@DanH42
Last active July 30, 2020 19:14
Show Gist options
  • Save DanH42/19905ee9aceae79692ed to your computer and use it in GitHub Desktop.
Save DanH42/19905ee9aceae79692ed 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 */
._69pt, .fbNubFlyoutTitlebar{
height: 24px;
padding: 4px 0;
border-radius: 5px 5px 0 0 !important;
background: #555 !important;
}._66n2{
margin-top: -2px;
}.focusedTab ._69pt{
background-color: #333 !important;
}.titlebar .titlebarText, ._66n2 ._1ogo, ._4jeh, ._4jeg, ._4jeg a{
color: white !important;
}._1nc6 ._d97, ._5w1r{
background: #ddd !important;
color: #4b4f56 !important;
border-color: transparent !important;
border-radius: 16px;
}._1nc6 ._d97._31xy, ._4gd0, ._1nc6 ._1aa6._31xy, ._1nc7 ._5w1r._31xx{
background: none !important;
}._1nc7 ._d97, ._1nc7 ._5w1r{
background: white !important;
color: #4b4f56 !important;
}._3__-._20fw .fbDockChatTabFlyout .fbNubFlyoutBody, ._1i6a{
background-color: #edeef1 !important;
}._56oy ._510g._510e{
border: none;
float: right;
}._66n5 svg *{
stroke: #111;
fill: #111;
}.focusedTab ._66n5 svg *, .titlebar:hover ._66n5 svg *{
stroke: white;
fill: white;
}
/* Rearrange titlebar */
._6ff6 li{
font-weight: normal !important;
}
.fbNub.opened ._69ae{
margin-right: 6px;
}
.titlebar ._6--1{
width: auto !important;
height: auto !important;
}
.titlebar ._6--1 a{
display: none;
}
.titlebar ._6--1 ._1gyx{
position: relative;
top: 10px;
left: 5px;
bottom: 0;
right: 0;
margin: 0 3px;
}
._4cd8 ._69pt{
margin-top: 0;
}
.titlebar .close{
padding: 8px 8px 4px;
margin: -8px;
}
.titlebar ._51lp{
position: absolute;
right: -.5em;
top: -1em;
border-radius: 1em;
font-size: 12px;
padding: 1px 4px;
}
.fbNub:not(.opened) ._6--1{
margin-top: -2px;
}
.fbNub:not(.opened) ._66n3{
margin-top: 4px;
}
._4jeh{
/* Active status */
display: none;
}
._1iti{
/* Call buttons */
display: none;
}
/* Fix Facebook's shockingly overzealous application of background colors and unforgiveable misuse of borders */
._4poa ._4po6, ._3hx- ._ua1, ._3hx- ._31o4, ._3hx- ._4tdt ._4tdx, ._3hx- ._5wd4, ._3hx- ._40qi, ._3hx- ._5w-5, ._3hx- ._5z-5, ._3__-._3hx- ._4tdt, ._3hx- ._40fu, ._3hx- ._3_bp, ._3hx- ._1a6y, ._3hx- ._1aa6:after, ._3hx- ._4a0v:after, ._3hx- ._5w0o, ._3hx- ._llj, ._3egs, ._3hx- ._1xdl, ._1nc6 ._72_y, ._1nc7 ._72_y, ._3hx- ._1i6a ._3egu{
background-color: transparent !important;
border-color: transparent !important;
}
._1gyx, ._76q_, ._nd_ ._3058._s1-._6e6n, ._3erg ._4k7c, ._3erg ._2saq{
border-color: transparent !important;
border-width: 1px;
}
/* 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;
border: none !important;
}._5vsj .UFIRow.UFIUnseenItem:after{
background-color: #333 !important;
display: none !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;
}._585-{
border-color: #353535 !important;
}
/* Dropdown items */
._558b ._54ne ._54nc{
background-color: #555;
border-color: #333;
}
/* Comment background */
._3-a6._65_9._5vsj .UFIRow, ._3-a6._65_9._5vsj.UFIContainer .UFIReplyList .UFIRow, ._3-a6._65_9._5vsj._5vsj._5vsj, ._3w53, ._6iiv{
background-color: #f2f2f2;
}.fbSearchCompactUFI ._1g5v+._4arz, ._5-g_ ._5vsj ._1g5v+._4arz, ._3-a6._5vsj ._1g5v+._4arz, ._3-a6._65_9._5vsj ._1g5v+._4arz, ._o0o ._3-a6._65_9._5vsj ._1g5v+._4arz,
._3-a6 .UFILikeSentence ._4ar- ._3emk, ._3-a6 .UFICommentReactionsBling ._3emk, ._3-a6._65_9._65_9 .UFILikeSentence ._4ar- ._3emk, ._3-a6._65_9._65_9 .UFICommentReactionsBling ._3emk, ._3iub._3iuc, .UFICommentActorAndBody, .UFICommentActorAndBodySpacing{
background: none !important;
}._1g5v{
visibility: hidden;
}.UFICommentReactionsBling ._3emk{
border: none;
}._69ad ._fmi, ._129h, ._3mvv{
background-color: white;
}._1lg-{
border-color: #f2f2f2;
}
/* Live videos */
._3-a6._4eno .UFICommentActorAndBody._4ql9, ._3-a6 .UFICommentActorAndBody._4ql9{
color: #555;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment