Cleaned up dark mode styles inc. setting browser color scheme

[bookstack] / resources / sass / _blocks.scss

diff --git a/resources/sass/_blocks.scss b/resources/sass/_blocks.scss
index 37b7b403b2076b338d8f8f1d2895c0f9fc09f41a..2794dd95459841ecf0bd17b43b3fddfe625d563b 100644 (file)
--- a/resources/sass/_blocks.scss
+++ b/resources/sass/_blocks.scss
@@ -109,7 +109,8 @@
 }
 
 .card.border-card {
-  border: 1px solid #DDD;
+  border: 1px solid;
+  @include lightDark(border-color, #ddd, #000);
 }
 
 .card.drag-card {
@@ -133,7 +134,7 @@
     flex-grow: 0;
     padding: 0 $-xs;
     &:hover {
-      background-color: #EEE;
+      @include lightDark(background-color, #eee, #2d2d2d);
     }
     .svg-icon {
       margin-inline-end: 0px;