paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-10-30 03:56:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

Increase contrast of text, fix large card anchor color

Browse Source 
Increased brightness of dark-mode primary + danger, use darker bg for tables, fix some button hover/active states
This commit is contained in:
Michael Shamoon
2021-01-01 14:50:25 -08:00
parent c4b643b812
commit 5e3a416758
1 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src-ui/src/theme_dark.scss
View File

@@ -1,5 +1,5 @@
$primary-dark-mode: #346e2c; $primary-dark-mode: #45973a;
$danger-dark-mode: #9c142a; $danger-dark-mode: #b71631;
$bg-dark-mode: #161618; $bg-dark-mode: #161618;
$bg-light-dark-mode: #1c1c1f; $bg-light-dark-mode: #1c1c1f;
$text-color-dark-mode: #abb2bf; $text-color-dark-mode: #abb2bf;
@@ -160,7 +160,8 @@ $border-color-dark-mode: #47494f;
background-color: opacify($bg-dark-mode, .85); background-color: opacify($bg-dark-mode, .85);
} }
a { a,
.card-title a {
color: $primary-dark-mode; color: $primary-dark-mode;
&:hover { &:hover {
@@ -169,7 +170,7 @@ $border-color-dark-mode: #47494f;
} }
table { table {
background-color: $bg-light-dark-mode; background-color: $bg-dark-mode;
color: $text-color-dark-mode; color: $text-color-dark-mode;
border-color: $border-color-dark-mode; border-color: $border-color-dark-mode;
@@ -197,8 +198,10 @@ $border-color-dark-mode: #47494f;
border-color: $primary-dark-mode; border-color: $primary-dark-mode;
color: $primary-dark-mode; color: $primary-dark-mode;
&:hover { &:not(:disabled):not(.disabled).active,
&:not(:disabled):not(.disabled):hover {
background-color: darken($primary-dark-mode, 10%); background-color: darken($primary-dark-mode, 10%);
border-color: darken($primary-dark-mode, 10%);
color: $text-color-dark-mode-accent; color: $text-color-dark-mode-accent;
} }
} }
@@ -207,7 +210,7 @@ $border-color-dark-mode: #47494f;
border-color: $text-color-dark-mode; border-color: $text-color-dark-mode;
color: $text-color-dark-mode; color: $text-color-dark-mode;
&:hover { &:not(:disabled):not(.disabled):hover {
background-color: $bg-dark-mode; background-color: $bg-dark-mode;
} }
} }
@@ -216,8 +219,9 @@ $border-color-dark-mode: #47494f;
border-color: $danger-dark-mode; border-color: $danger-dark-mode;
color: $danger-dark-mode; color: $danger-dark-mode;
&:hover { &:not(:disabled):not(.disabled):hover {
background-color: darken($danger-dark-mode, 10%); background-color: darken($danger-dark-mode, 10%);
border-color: darken($danger-dark-mode, 10%);
color: $text-color-dark-mode-accent; color: $text-color-dark-mode-accent;
} }
} }
@@ -226,7 +230,7 @@ $border-color-dark-mode: #47494f;
border-color: $border-color-dark-mode; border-color: $border-color-dark-mode;
color: $text-color-dark-mode; color: $text-color-dark-mode;
&:hover { &:not(:disabled):not(.disabled):hover {
color: $text-color-dark-mode-accent; color: $text-color-dark-mode-accent;
} }
} }