From 52ca44b9df4dafcdc0eaa517146638e01fca5449 Mon Sep 17 00:00:00 2001 From: Vijay A Date: Thu, 12 Aug 2021 08:57:54 +0530 Subject: Enabled darkmode for Facebook Messenger Facebook Workplace Chat (Facebook at work) Slack Google Calendar Whatsapp LinkedIn Telegram Instagram (from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi) --- recipes/messenger/darkmode.css | 92 ++++++++++++++++++++++++++++++++++++++++++ recipes/messenger/package.json | 2 +- 2 files changed, 93 insertions(+), 1 deletion(-) create mode 100644 recipes/messenger/darkmode.css (limited to 'recipes/messenger') diff --git a/recipes/messenger/darkmode.css b/recipes/messenger/darkmode.css new file mode 100644 index 0000000..8ea8aab --- /dev/null +++ b/recipes/messenger/darkmode.css @@ -0,0 +1,92 @@ +/* Copied from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi */ + +:root, +.__fb-light-mode { + --card-background: #1e1e1e; + --comment-background: #292929; + --card-background-flat: #292929; + --disabled-button-background: #373737; + --divider: #4d4d4d; + --hosted-view-selected-state: #1d2731; + --hover-overlay: rgba(255, 255, 255, 0.05); + --media-inner-border: rgba(255, 255, 255, 0.1); + --messenger-card-background: #1e1e1e; + --overlay-alpha-80: rgba(41, 41, 41, 0.8); + --popover-background: #1e1e1e; + --primary-icon: #cecece; + --primary-text: #cecece; + --scroll-thumb: #5d5d5d; + --secondary-button-background: #353535; + --secondary-icon: #999; + --secondary-text: #999; + --shadow-1: rgba(0, 0, 0, 0.3); + --shadow-2: rgba(0, 0, 0, 0.4); + --shadow-5: rgba(0, 0, 0, 0.7); + --shadow-8: rgba(0, 0, 0, 1); + --shadow-inset: rgba(000, 000, 000, 0.5); + --surface-background: #1e1e1e; + --wash: #373737; + --web-wash: #1e1e1e; +} + +html::-webkit-scrollbar { + display: none; +} + +::-webkit-scrollbar { + background: var(--popover-background); +} + +::-webkit-scrollbar-thumb { + background: var(--scroll-thumb); +} + +body { + color: var(--primary-text); +} + +/* Delivered icon on left*/ +.rq0escxv.l9j0dhe7.du4w35lb.j83agx80.cbu4d94t.pfnyh3mw.d2edcug0.hpfvmrgz.aovydwv3.p8cu3f6v.kb5gq1qc.taijpn5t.b0upgy8r + path, +.l9j0dhe7.swg4t2nn path, +.a8c37x1j.ms05siws.hwsy1cff.b7h9ocf4 path { + fill: var(--primary-text); +} + +path[d="M0 36h36V0H0z"] { + fill: none !important; +} + +/* Icons */ +path[d="M18 30c-6.627 0-12-5.372-12-12 0-6.627 5.373-12 12-12 6.628 0 12 5.373 12 12 0 6.628-5.372 12-12 12zm5.294-16.707l-7.296 7.295-3.254-3.252c-.352-.353-.919-.439-1.323-.148a1 1 0 00-.128 1.522l3.998 3.997a1 1 0 001.414 0l8.002-8.001a1 1 0 10-1.413-1.413z"] { + fill: var(--secondary-text); +} + +.sp_o5t_XtHjhxN_1_5x { + filter: invert(0.8); +} + +/* App download */ +.oajrlxb2.q2y6ezfg.gcieejh5.bn081pho.humdl8nn.izx4hr6d.rq0escxv.nhd2j8a9.j83agx80.p7hjln8o.kvgmc6g5.cxmmr5t8.oygrvhab.hcukyx3x.jb3vyjys.d1544ag0.qt6c0cv9.tw6a2znq.i1ao9s8h.esuyzwwr.f1sip0of.lzcic4wl.l9j0dhe7.abiwlrkh.p8dawk7l.beltcj47.p86d2i9g.aot14ch1.kzx2olss.cbu4d94t.taijpn5t.ni8dbmo4.stjgntxs.k4urcfbm.tv7at329 { + background: var(--popover-background); +} + +.sn0e7ne5 { + box-shadow: var(--shadow-5) 0px 0px 2px; +} + +/* Middle header */ +.bafdgad4 { + box-shadow: 0 0 4px var(--shadow-5); +} + +/* Pop-up close icon */ +.sp_GOPGoqMu6Pq_1_5x { + filter: invert(0.8); +} + +/* Feedback icons */ +.sp_BQbKIpOzOAx_1_5x, +.sp_a51jIvPl6dA_1_5x { + filter: invert(0.8); +} diff --git a/recipes/messenger/package.json b/recipes/messenger/package.json index 028dd89..8fd27c3 100644 --- a/recipes/messenger/package.json +++ b/recipes/messenger/package.json @@ -1,7 +1,7 @@ { "id": "messenger", "name": "Messenger", - "version": "1.1.3", + "version": "1.2.0", "license": "MIT", "config": { "serviceURL": "https://messenger.com", -- cgit v1.2.3-70-g09d2