Skip to content

Instantly share code, notes, and snippets.

@featherbear

featherbear/darkmode.css

Created December 17, 2019 00:14
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save featherbear/08327adea160fa4325b2d0b8d5a6f339 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save featherbear/08327adea160fa4325b2d0b8d5a6f339 to your computer and use it in GitHub Desktop.
Download ZIP
Franz Messenger.com darkmode.css
Raw
darkmode.css
/*
https://github.com/auscompgeek/fb-messenger-dark
*/
/* ==UserStyle==
@name Facebook Messenger - the dark side
@namespace vovo.id.au
@version 2019.11.14
@license CC-BY-SA-4.0
==/UserStyle== */
._6-xo,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #eee;
}
._5743,
._4rph ._4rpj {
color: #fff !important;
}
label,
._1wse {
color: #aaa;
}
._2y8y,
._2y8_,
._4jgt,
._5iwm ._58al,
._55r1 {
background-color: #2d2d30 !important;
color: #fff !important;
}
input._58al {
color: #fff !important;
}
input::-moz-placeholder {
color: #ccc !important;
}
input::-webkit-input-placeholder {
color: #888 !important;
}
._36ic,
._673w {
background-color: rgba(255,255,255,0.05) !important;
/*border-bottom: none !important;*/
}
._4sp8 {
background-color: #1e1e1e !important;
color: #eee;
}
._1t2u {
border-left-color: rgba(255,255,255,0.1) !important;
}
._17w2 {
color: #fff !important;
}
._33p7 {
background-color: rgba(30,30,30,0.9) !important;
}
.__in {
background-color: rgba(0,0,0,0.3) !important;
box-shadow: 2px 0 rgba(0,0,0,0.3), -2px 0 rgba(0,0,0,0.3) !important;
padding: 1px 0 2px 0; /* fix facebook bug */
}
._3nta {
background-color: #2d2d30 !important;
}
._3nta:hover {
background-color: #222 !important;
}
._2n3u {
color: rgba(255,255,255,0.6) !important;
}
._517h {
background-color: #222 !important;
border-color: rgba(255,255,255,0.5) !important;
color: #ccc !important;
}
._517h:hover {
background-color: #2e2e30 !important;
}
._2615:not(:hover) {
background-color: #333 !important;
}
._llq,
._36zg,
._1n-e._36zg {
color: #eee !important;
}
._29_7 ._hh7,
._29_7._-5k ._hh7 {
background-color: #2d2d30;
}
._29_7 ._hh7 {
color: #ddd;
}
._hh7 > ._aok > ._3oh- > a {
color: inherit !important;
}
._hh7._aol {
border-color: transparent !important;
}
._29_7 ._hh7:active,
._-5k ._hh7,
._29_7 ._hh7>span>a:hover {
background-color: #333;
}
._o46._nd_ ._hh7 {
background-color: #365898;
}
._o46._nd_ ._hh7:active,
._o46._nd_._-5k ._hh7 {
background-color: #264888;
}
._hh7._2f5r,
._-5k ._hh7._2f5r {
background-color: transparent !important;
}
._aou {
background-color: #222 !important;
}
._4kf5 {
background-color: transparent !important;
}
._4k7a {
color: #aaa !important;
}
._3egs {
background: transparent !important;
}
._5i_d,
._5ssp,
._4ea2 {
border-color: rgba(255,255,255,0.1) !important;
}
.__6k,
.__6l,
._5sr2 {
color: #ddd !important;
}
._4u4_ > h3,
._4u4- {
color: #eee !important;
}
._3b4u {
color: #ddd !important;
}
._3b4h {
background-color: #2d2d30 !important;
}
._1mr_,
._1mq- {
color: #ddd !important;
}
._2m5p {
border-color: rgba(255,255,255,0.1) !important;
}
._3erg ._hh7 a._2q1l {
background-color: #2d2d30 !important;
border-color: #222 !important;
}
._618l {
color: rgba(255,255,255,0.75) !important;
}
._618n {
color: rgba(255,255,255,0.6) !important;
}
._5x5z {
background-color: #1e1e1e !important;
border-color: #444 !important;
}
._29_7 ._3czg ._2e-7 ._2e-1,
._29_7 ._3czg ._2e-7 ._2e-2 {
background-color: #444 !important;
}
._454y ._1mi- {
background-color: #2d2d30 !important;
}
._454y ._1mj0 {
background-color: #666 !important;
}
._454y ._1mj1 {
border-color: #666 !important;
}
._2f5n {
background-color: #2d2d30 !important;
}
._2f5n ._29ey {
color: #ccc !important;
}
._hw2 ._53ij {
background-color: #040404 !important;
}
._5irm._7mkm,
._4rv3,
._4_j4 .chatAttachmentShelf {
background-color: #1e1e1e !important;
border-top-color: rgba(255,255,255,0.1) !important;
}
.fbNubFlyoutHeader,
.fbNubFlyoutBody,
.fbNubFlyoutFooter,
.fbNubFlyoutAttachments {
background-color: #1e1e1e;
}
._kmc._7kpg ._1p1t {
color: #aaa !important;
}
._67tw {
color: #aaa !important;
}
._576q {
-webkit-filter: brightness(75%);
filter: brightness(75%);
}
._576q > svg > rect {
fill: #282828;
}
._4sp8 .uiBoxYellow {
background-color: #662;
}
._wu0 {
background-color: #181818 !important;
border-color: #282828 !important;
}
._4zws {
background-color: #444 !important;
}
._4gd0 {
background-color: transparent !important;
}
._4_j5,
._5l37 {
background-color: #282828 !important;
}
._4_j5 {
border-left: none !important;
}
._3eur._6ybk a,
._3eur._6ybk span,
._2jnv,
._2jnx,
._2jnz,
._2jnx ._30e7 ._5j5f,
._3szq,
._364g,
._1lj0 {
color: #ddd !important;
}
._87b_,
._7ht_ {
color: #aaa !important;
}
._li ._1enh {
/* fix convo list hiders */
background-color: #1e1e1e;
}
._1ht1 {
background-color: #222 !important;
}
._1ht1._1ht3 {
background-color: #1c2e4a !important;
transition: background-color 0.5s;
}
._1ht1._1ht2 {
background-color: #2d2d30 !important;
}
._1ht6,
._3q34 {
color: #eee !important;
}
._57pl,
._57pm {
border-color: transparent !important;
}
._2kt ._3xsd {
color: #ddd !important;
}
._1ht7.timestamp {
color: #999;
}
._1ht3 ._1ht7 {
color: #0084cc !important;
}
._1ht3 ._1htf {
color: #ddd !important;
}
._5t4c,
._225b {
background-color: #1e1e1e !important;
}
._1k1p {
background-color: #1e1e1e !important;
}
._1u5d {
background-color: transparent !important;
}
._2lp- {
border-color: #06a !important;
}
._48uj {
background-color: #06a !important;
}
._53ij,
._54nf,
._293j,
._4lh2 {
background-color: #333 !important;
}
._5r8a._5r8b,
._1uwz,
._3rh0 {
background-color: #222 !important;
}
._2i-c ._54nf ._54nh,
._4lh2,
._5jn1 {
color: #ddd !important;
}
._4lha ._4lhc,
._4lh7 {
color: #aaa !important;
}
._2i-c ._54ne ._54nh,
._2i-c ._54ne ._54nc,
._2i-c ._54ne {
background-color: #06a !important;
}
._5r8e,
._5r86,
._37wu,
._37wv {
border-color: #222;
}
._eb3::before {
background-color: #222;
}
._3mts .uiScrollableArea.contentAfter::after,
._5r8l .uiScrollableArea.contentAfter::after {
background-image: linear-gradient(transparent, #333);
}
._2pgc {
background-color: #222 !important;
border-color: rgba(255,255,255,0.2) !important;
}
._4rv6,
._4ce_ {
-webkit-filter: invert(1);
filter: invert(1);
opacity: 0.6 !important;
}
._7mki {
background-color: unset;
}
._53ik ._53io,
._53il ._53io {
-webkit-filter: brightness(20%);
filter: brightness(20%);
}
._3i_m ._9ah ._57e_ {
color: #1e1e1e !important;
}
._5iwm ._58ak::before,
._fl3:not(._20nb),
._4-0h,
._57gs,
label > input + span::before {
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
._23ct,
._2xme,
.sp_-dCYIpyXIre.sx_262edb,
:not(._3no3) > ._uwa,
._5jdr ._5jds,
._5nxe .img,
._2t5t {
-webkit-filter: invert(1);
filter: invert(1);
}
._1z_2 svg path,
#Settings > path,
#compose > path,
#Search > path,
#bell > path,
#reply > path,
#message-dots > path,
#minus-circle > path,
#dots-3-horizontal > g > path,
#pencil-underline > g > path,
#message-cross > g > path,
#caution-triangle > g > path {
fill: #bbb !important;
}
._59s7 {
background-color: #222;
color: #eee;
}
._4-hz,
._4eby,
._4jgp ._4jgu,
._12zw {
background-color: #222 !important;
}
._6cs7 {
color: #ccc !important;
}
._4ng2,
._6ct8._6y58,
._374c,
._4jgs,
._2c9i ._19jt,
._51l0 .uiInputLabel .__rm + .uiInputLabelLabel,
._5raa,
._5rab,
._4nv_ {
color: #ddd !important;
}
._-lj ._4rlt {
background-color: #333 !important;
border-color: #666 !important;
}
._koh {
border-bottom-color: #333 !important;
}
._koh > li:not(.selected) {
color: #aaa;
}
._3s-4 {
background-color: #222 !important;
}
._4-i0 {
background-color: #333 !important;
border-bottom-color: #2e2e2e;
}
._4-i0 ._52c9,
._5r5c ._5rq_,
._uvt {
color: #ddd !important;
}
div._4-i2,
div._5a8u {
background-color: #222 !important;
color: #eee;
}
._4t2a {
background-color: #222;
}
._4-u8 {
background-color: transparent !important;
}
._4xd5,
._38wl,
._4x79 {
color: rgba(255,255,255,0.6) !important;
}
._2zn2 {
color: rgba(255,255,255,0.4) !important;
}
._2zn6 {
color: rgba(255,255,255,0.6) !important;
}
._5rai {
color: #eee !important;
}
._4-u2 {
border-color: rgba(255,255,255,0.2) !important;
}
._t {
background-color: #222 !important;
color: #eee;
}
.fcb {
color: #fff !important;
}
._c24 {
color: #ccc !important;
}
.uiBoxGray {
background-color: #333 !important;
border-color: #2e2e2e;
}
#captcha .captcha_refresh {
color: #d3d3d3 !important;
}
._3v_p,
._3v_o {
background-color: #222 !important;
}
._3v_p ._5hy4,
._3v_o ._5hy4 {
color: #eee !important;
}
._3v_p ._43di,
._3v_o ._43di,
._3v_p ._3403,
._3v_o ._3403 {
color: #ddd !important;
}
._3v_p ._210j ._43dj .uiInputLabelLabel,
._59h8,
._3v_p ._59h7 ._5hy9 {
color: #aaa !important;
}
._3v_p ._3v_w ._2m_r,
._3v_p ._5s4n ._2m_r {
background-color: #06a !important;
}
._17cj,
._17cj ._3jne,
._38jq {
background-color: #1e1e1e !important;
}
._17cj ._3jnu,
._17cj ._3jnv,
._fjq {
color: rgba(255,255,255,0.4) !important;
}
._17cj ._4j_k,
._fjp {
color: #eee !important;
}
._ih3,
._3tl0,
._3tl1 ._10w4,
._497p,
._3x6v,
._2v6o,
._3tky,
._5rh4,
._5qsj,
._jf4 ._jf3,
._5i_d .__6m,
._2y8z,
._4g0h,
._3xcx,
._225b,
._3q35,
._2r2v,
._2n1t,
._1n-e,
._3eus,
._2wy4,
._1u5d ._1u5k,
._3ggt,
._17cj ._2ze8,
._17cj ._cen,
._5sr7,
._4nw0 {
color: rgba(255,255,255,0.6) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment