From 3a58ca19541787a3a74980c6aed092896dfcf49b Mon Sep 17 00:00:00 2001 From: infinite-persistence Date: Thu, 10 Jun 2021 21:49:19 +0800 Subject: [PATCH] Fix notification color. ## Issue Closes: 6196 Bright Theme is Broken ## Notes I was trying to fix the problem of the border not visible in Desktop Dark because the highlight color was the same as the border color. The approach didn't take Light and Odysee into account ... oops. Round 2. --- ui/scss/component/_notification.scss | 2 +- ui/scss/themes/dark.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/ui/scss/component/_notification.scss b/ui/scss/component/_notification.scss index dabb98f15..ce8e17189 100644 --- a/ui/scss/component/_notification.scss +++ b/ui/scss/component/_notification.scss @@ -59,7 +59,7 @@ $contentMaxWidth: 60rem; } .notification__wrapper--unread { - background-color: #2d2d33; + background-color: var(--color-card-background-highlighted); &:hover { background-color: var(--color-button-secondary-bg); diff --git a/ui/scss/themes/dark.scss b/ui/scss/themes/dark.scss index 3659e5486..b244eefa6 100644 --- a/ui/scss/themes/dark.scss +++ b/ui/scss/themes/dark.scss @@ -12,7 +12,7 @@ // Structure --color-background: var(--color-gray-9); --color-background-overlay: #21252999; - --color-border: var(--color-gray-7); + --color-border: #333338; --color-card-background: var(--color-gray-8); --color-card-background-highlighted: var(--color-gray-7);