From a9de9ebc94c89db3102e9426f3e352e86ec92ad7 Mon Sep 17 00:00:00 2001 From: Martti Malmi Date: Fri, 3 Apr 2020 16:17:53 +0300 Subject: [PATCH] more dark theme colors --- src/css/dark.css | 1 + src/css/light.css | 4 ++++ src/css/style.css | 8 ++++---- 3 files changed, 9 insertions(+), 4 deletions(-) diff --git a/src/css/dark.css b/src/css/dark.css index 531b7cdf..35b0c3e7 100644 --- a/src/css/dark.css +++ b/src/css/dark.css @@ -21,6 +21,7 @@ --button-color: #1DC0F2; --button-border: 2px solid #1DC0F2; --button-hover-bg: rgba(107,115,255,0.1); + --sidebar-bg: #22244C; --sidebar-border-right: 1px solid #3D3E66; --zebra-stripe-bg: #22244C; --emoji-picker-bg: #262642; diff --git a/src/css/light.css b/src/css/light.css index 08638fe8..b62b3f59 100644 --- a/src/css/light.css +++ b/src/css/light.css @@ -21,8 +21,12 @@ --button-color: initial; --button-border: 0; --button-hover-bg: #ccc; + --sidebar-bg: #fff; --sidebar-border-right: 1px solid #dfdfdf; --zebra-stripe-bg: rgba(255,255,255,0.5); + --emoji-picker-bg: #FFFFFF; + --emoji-picker-color: #777; + --emoji-picker-border-color: #CCCCCC; --link-color: initial; --day-separator-bg: rgba(227, 249, 255, 0.91); --day-separator-color: rgba(74, 74, 74, 0.88); diff --git a/src/css/style.css b/src/css/style.css index 69fabc64..afd6a12e 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -120,6 +120,7 @@ img { display: flex; flex-direction: column; flex: 1 0 10em; + background: var(--sidebar-bg); border-right: var(--sidebar-border-right); } @@ -530,13 +531,12 @@ small { } #not-seen-by-them button { - background: var(--msg-content-background); - color: var(--text-color); + background: white; + color: #262626; } #not-seen-by-them button:hover, #not-seen-by-them button:active, #not-seen-by-them button:focus { - background: var(--text-color); - color: var(--msg-content-background); + background: #ccc; } #enable-notifications-prompt {