LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

More theme color fixes

Browse source 
## Issue
#5998 Theme color problems
This commit is contained in:
infinite-persistence 2021-06-07 11:36:20 +08:00
parent 3abaed0f17
commit 05a1f3cdab
No known key found for this signature in database
GPG key ID: B9C3252EDC3D0AA0
3 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/scss/component/_notification.scss
View file

@ -59,7 +59,7 @@ $contentMaxWidth: 60rem;
} }
.notification__wrapper--unread { .notification__wrapper--unread {
background-color: var(--color-card-background-highlighted); background-color: #2d2d33;
&:hover { &:hover {
background-color: var(--color-button-secondary-bg); background-color: var(--color-button-secondary-bg);

1
ui/scss/init/_base-theme.scss
View file

@ -55,7 +55,6 @@
--color-help-warning-text: #555555; --color-help-warning-text: #555555;
--color-text-warning--background: var(--lbry-yellow-1); --color-text-warning--background: var(--lbry-yellow-1);
--color-blockquote: var(--color-gray-3); --color-blockquote: var(--color-gray-3);
--color-blockquote-bg: var(--color-gray-1);
--color-text-error: var(--color-danger); --color-text-error: var(--color-danger);
--color-error: var(--color-danger-alt); --color-error: var(--color-danger-alt);
--color-tooltip-bg: #222; --color-tooltip-bg: #222;

7
ui/scss/themes/dark.scss
View file

@ -14,7 +14,7 @@
--color-background-overlay: #21252999; --color-background-overlay: #21252999;
--color-border: var(--color-gray-7); --color-border: var(--color-gray-7);
--color-card-background: var(--color-gray-8); --color-card-background: var(--color-gray-8);
--color-card-background-highlighted: var(--color-gray-9); --color-card-background-highlighted: var(--color-gray-7);
// Text // Text
--color-text: var(--color-white); --color-text: var(--color-white);
@ -34,7 +34,7 @@
// Header // Header
--color-header-background: var(--color-gray-8); --color-header-background: var(--color-gray-8);
--color-header-button: var(--color-gray-7); --color-header-button: var(--color-gray-6);
--color-header-button-hover: var(--color-gray-6); --color-header-button-hover: var(--color-gray-6);
--color-header-button-active: var(--color-gray-6); --color-header-button-active: var(--color-gray-6);
@ -60,7 +60,7 @@
--color-input: var(--color-white); --color-input: var(--color-white);
--color-input-label: var(--color-gray-3); --color-input-label: var(--color-gray-3);
--color-input-placeholder: var(--color-gray-1); --color-input-placeholder: var(--color-gray-1);
--color-input-bg: var(--color-gray-7); --color-input-bg: var(--color-header-button);
--color-input-bg-copyable: var(--color-gray-6); --color-input-bg-copyable: var(--color-gray-6);
--color-input-border: var(--color-border); --color-input-border: var(--color-border);
--color-input-border-active: var(--color-secondary); --color-input-border-active: var(--color-secondary);
@ -127,7 +127,6 @@
--color-help-warning-bg: #d97706; --color-help-warning-bg: #d97706;
--color-help-warning-text: white; --color-help-warning-text: white;
--color-blockquote: var(--color-gray-5); --color-blockquote: var(--color-gray-5);
--color-blockquote-bg: var(--color-card-background-highlighted);
--color-placeholder-background: #4e5862; --color-placeholder-background: #4e5862;
--color-spinner-light: #5a6570; --color-spinner-light: #5a6570;
--color-spinner-dark: #212529; --color-spinner-dark: #212529;