Skip to content

Commit d42762f

Browse files
jochimvdsindresorhus
authored andcommitted
Dark mode improvements (sindresorhus#225)
1 parent 0633448 commit d42762f

1 file changed

Lines changed: 28 additions & 3 deletions

File tree

dark-mode.css

Lines changed: 28 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
--container-color: #192633;
1414
--conversation-bg: rgb(25, 38, 51);
1515
--list-header-color: #202C3A;
16+
--blue: #0084ff;
1617
}
1718
html.dark-mode body {
1819
color: var(--base-seventy);
@@ -168,7 +169,9 @@ html.dark-mode ._1ht6 {
168169
}
169170

170171
/* Contact list: message blurb */
171-
html.dark-mode ._1htf {
172+
html.dark-mode ._1htf,
173+
/* Contact list: (for format) person: message blurb */
174+
html.dark-mode ._1htf ._4qba {
172175
color: var(--base-fourty);
173176
}
174177

@@ -412,8 +415,9 @@ html.dark-mode button {
412415
background: var(--container-color) !important;
413416
}
414417

415-
/* Fix the Sticker button */
416-
html.dark-mode ._4rv6 {
418+
/* Fix the Sticker and Gaming buttons */
419+
html.dark-mode ._4rv6,
420+
html.dark-mode ._4ce_ {
417421
filter: invert() !important;
418422
opacity: 0.6 !important;
419423
}
@@ -422,3 +426,24 @@ html.dark-mode ._4rv6 {
422426
html.dark-mode ._13iv {
423427
background: var(--container-color) !important;
424428
}
429+
430+
/* Gaming popover */
431+
/* Gaming popover header text */
432+
html.dark-mode ._4lh7 {
433+
color: var(--base-seventy);
434+
}
435+
436+
/* Gaming popover header */
437+
html.dark-mode ._53ij ._3rh0 {
438+
background: var(--list-header-color) !important;
439+
}
440+
441+
/* Gaming popover content */
442+
html.dark-mode ._53ij ._4lh2 {
443+
background: var(--container-color) !important;
444+
}
445+
446+
/* Gaming popover "PLAY" text color */
447+
html.dark-mode ._30vt ._4qba {
448+
color: var(--blue);
449+
}

0 commit comments

Comments
 (0)