From 26cfaed5d4065576c13f1c4af151d90f267fb29a Mon Sep 17 00:00:00 2001 From: Florian Janke Date: Sat, 19 Oct 2019 03:58:30 -0500 Subject: [PATCH] Fix some dark mode styles (#1126) --- css/dark-mode.css | 33 ++++++++++++++++++++++++++++++++- 1 file changed, 32 insertions(+), 1 deletion(-) diff --git a/css/dark-mode.css b/css/dark-mode.css index 9b0dbee1f..bcf8c52a0 100644 --- a/css/dark-mode.css +++ b/css/dark-mode.css @@ -510,7 +510,8 @@ html.dark-mode ._34n6 { /* Message reaction buttons */ html.dark-mode ._aou, -html.dark-mode ._4kf5 { +html.dark-mode ._4kf5, +html.dark-mode ._3s-4 { background-color: var(--container-color); } @@ -832,6 +833,36 @@ html.dark-mode ._7i2l { filter: invert(1); } +/* Sidebar > Options: search and nicknames icons */ +html.dark-mode ._6y56, +html.dark-mode ._6ybv { + filter: invert(1); +} + +/* Sidebar > Options: edit group picture hover */ +html.dark-mode ._80co { + background: none; +} + +html.dark-mode ._7101:hover ._7q1j { + opacity: 0.5; +} + +html.dark-mode ._80co form div a { + filter: invert(1); +} + +/* "replied to" message label */ +html.dark-mode ._3egs { + background: none; +} + +/* Remove profile picture border */ +html.dark-mode [aria-label='Conversation List'] [aria-hidden='true'] > div > div, +html.dark-mode [role='main'] > span > div div[style^='border:'] { + border-color: transparent !important; +} + /* "Delete message" popup */ html.dark-mode ._7492 { color: var(--base-fifty);