aboutsummaryrefslogtreecommitdiffstats
path: root/recipes/messenger/darkmode.css
blob: 526214b08ce6f3fcb80c33b111bcc4ed92a51946 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
/* Copied from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi */

:root,
.__fb-light-mode {
  --card-background: #1e1e1e;
  --chat-incoming-message-bubble-background-color: #292929;
  --comment-background: #292929;
  --comment-footer-background: #333;
  --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;
  --mwp-message-row-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(.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(.8);
}

/* Feedback icons */
.sp_BQbKIpOzOAx_1_5x,
.sp_a51jIvPl6dA_1_5x {
  filter: invert(.8);
}