Skip to content

Instantly share code, notes, and snippets.

@derekbtw
Last active December 24, 2018 00:22
Show Gist options
  • Save derekbtw/f34d14a13f1f1a9fc9ae76f7310df3b9 to your computer and use it in GitHub Desktop.
Save derekbtw/f34d14a13f1f1a9fc9ae76f7310df3b9 to your computer and use it in GitHub Desktop.
Minimal (better) Facebook color palette. Also, it gets rid of a lot of clutter.
#homepage_panel_pagelet,
#pagelet_next_match,
#pagelet_trending_tags_and_topics,
#pagelet_video_home_watch_list_rhc,
#pagelet_ego_pane,
#pagelet_rhc_footer,
#pagelet_gaming_destination_rhc,
#pinnedNav,
#navItem_193356651002223,
#navItem_421935831521247,
#navItem_766859123481602,
#navItem_1572366616371383,
#navItem_219124168114356,
#navItem_969105076459966,
#navItem_577076605805053,
#navItem_765518473459969,
#navItem_192507801105969,
#navItem_2347471856,
#navItem_336549256737756,
#navItem_176339666193022,
#navItem_285571681929755,
#navItem_1433252076974635,
#navItem_2345053339,
#navItem_140472815972081,
#navItem_526732794016279,
#navItem_280033845760645,
#navItem_977114232337111,
#navItem_188833664616804,
#navItem_6802152230,
#navItem_2305272732,
#createNav,
#navItem_2530096808,
#navItem_140332009231,
#navItem_1434659290104689,
#navItem_1031093773624602,
#navItem_303257506544370,
#appsNav > h4.navHeader,
.countValue._2jgb,
._3mht,
#u_0_h,
#u_0_c
{
display: none !important;
}
/* facebook @ work background color */
/* ._5vb_, ._5vb_ #contentCol {
background-color: #ebe9e7;
color: #373e4c;
} */
#navItem_1291706757509010 {
display: block !important;
}
._1k67._cy7 {
margin-right: 10px;
}
._2s1x ._2s1y,
._3ubp {
background: #474e5b;
background: -moz-linear-gradient(top, #474e5b 0%, #272e3b 100%);
background: -webkit-linear-gradient(top, #474e5b 0%,#272e3b 100%);
background: linear-gradient(to bottom, #474e5b 0%,#272e3b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474e5b', endColorstr='#272e3b',GradientType=0 );
border-bottom-color: #171b27;
}
._3nzl a.jewelButton ._2n_9,
._330i._1z4y a.jewelButton ._2n_9,
._4xi2 a.jewelButton ._2n_9,
._5lxt
{
filter: invert(1) brightness(0.9);
}
._4xi2.hasNew a.jewelButton ._2n_9 {
filter: invert(0);
}
._5ugg {
filter: invert(2);
}
._2s1x ._2s24::before {
background: rgba(255, 255, 255, .1);
}
._3ubp._sg2 span {
color: #ddd;
background-color: transparent;
}
._3ubp._sg2 span:hover span,
._sg1._3qdx:hover span {
color: #fff !important;
}
._3ubp._sg2 span:hover i {
filter: invert(1) brightness(2);
}
._3ubp._sg2 span i {
filter: invert(1);
}
._sg1 {
border-color: #505661;
}
/* ._2ltu ._4-u2,
._2yq._2ltu ._4-u2:before,
._2yq ._4-u2::before,
._2ltu ._4-u2, ._2yq._2ltu ._4-u2:before, ._2yq ._4-u2::before,
._2yq._2ltu ._4-u2:before,
._2yq ._4-u2::before,
._2ltu ._4-u2 {
border-color: rgba(0,0,0,0.12);
} */
/* primary button */
._4jy1,
._558b ._54ne ._54nc,
._558b ._54nd._54nd a._54nc:hover {
background-color: #474e5b;
border-color: #161c29;
}
._4jy1:hover,
.openToggler>._5vto._5vto {
background-color: #343942;
border-color: #090b10;
}
._4jy1:focus,
._4jy1:active {
background-color: #23272d;
border-color: #07090c;
}
._585- ._4w98 {
background: #585e6b;
}
._585- ._4w98._4w97, ._585- ._4w98._4w97:hover {
background: #171b27;
}
._585- {
background-color: transparent;
border: 1px solid #585e6b;
transition: all 180ms ease;
}
._585-:focus,
._585-:active {
background-color: #2e3541;
border: 1px solid #646b79;
}
._585- ._4w98:hover {
background: #616775;
}
._585_ {
filter: invert(1) brightness(1.2);
}
._4w97 ._585_ {
filter: invert(0);
}
._5861 ._586f, ._5861 ._586i, ._5861 ._1frb {
color: #fff;
}
#rc.u_0_18 {
border-width: 0;
}
._9jo li._54ne,
._9jo li.navSubmenu._54ne a {
background-color: #474e5b;
}
.mbm {
margin-bottom: 25px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment