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

Merge pull request #241 from shamoon/fix/dark-mode-fixes

Browse Source 
Visual fixes to dark mode elements
This commit is contained in:
Jonas Winkler
2021-01-01 23:59:58 +01:00
committed by GitHub
parent 7a8a6be123 5e3a416758
commit c2cd1689cf
1 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,5 @@
$primary-dark-mode: #346e2c;
$danger-dark-mode: #9c142a;
$primary-dark-mode: #45973a;
$danger-dark-mode: #b71631;
$bg-dark-mode: #161618;
$bg-light-dark-mode: #1c1c1f;
$text-color-dark-mode: #abb2bf;
@@ -160,7 +160,8 @@ $border-color-dark-mode: #47494f;
background-color: opacify($bg-dark-mode, .85);
}
a {
a,
.card-title a {
color: $primary-dark-mode;
&:hover {
@@ -169,7 +170,7 @@ $border-color-dark-mode: #47494f;
}
table {
background-color: $bg-light-dark-mode;
background-color: $bg-dark-mode;
color: $text-color-dark-mode;
border-color: $border-color-dark-mode;
@@ -193,12 +194,14 @@ $border-color-dark-mode: #47494f;
text-shadow: 0 1px 0 #666;
}
.btn-outline-primary{
.btn-outline-primary {
border-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%);
border-color: darken($primary-dark-mode, 10%);
color: $text-color-dark-mode-accent;
}
}
@@ -207,7 +210,7 @@ $border-color-dark-mode: #47494f;
border-color: $text-color-dark-mode;
color: $text-color-dark-mode;
&:hover {
&:not(:disabled):not(.disabled):hover {
background-color: $bg-dark-mode;
}
}
@@ -216,8 +219,9 @@ $border-color-dark-mode: #47494f;
border-color: $danger-dark-mode;
color: $danger-dark-mode;
&:hover {
&:not(:disabled):not(.disabled):hover {
background-color: darken($danger-dark-mode, 10%);
border-color: darken($danger-dark-mode, 10%);
color: $text-color-dark-mode-accent;
}
}
@@ -226,7 +230,7 @@ $border-color-dark-mode: #47494f;
border-color: $border-color-dark-mode;
color: $text-color-dark-mode;
&:hover {
&:not(:disabled):not(.disabled):hover {
color: $text-color-dark-mode-accent;
}
}