Last active
July 30, 2020 19:14
-
-
Save DanH42/19905ee9aceae79692ed to your computer and use it in GitHub Desktop.
Changes Facebook from blue to black
This file contains hidden or 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
/* 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