Cleaned up dark mode styles inc. setting browser color scheme

[bookstack] / resources / sass / _lists.scss

diff --git a/resources/sass/_lists.scss b/resources/sass/_lists.scss
index 5e251f9c7c1faa7d61c4a4054b394c0a3170b042..86a89051f05976ee55d34e5013bf0701ceb71bfd 100644 (file)
--- a/resources/sass/_lists.scss
+++ b/resources/sass/_lists.scss
@@ -197,7 +197,7 @@
   .chapter-contents-toggle {
     display: block;
     width: 100%;
-    text-align: left;
+    text-align: start;
     padding: $-xxs $-s ($-xxs * 2) $-s;
     border-radius: 0 3px 3px 0;
     line-height: 1;
@@ -284,7 +284,8 @@
     padding-inline-start: $-m;
   }
   li {
-    border: 1px solid #DDD;
+    border: 1px solid;
+    @include lightDark(border-color, #DDD, #666);
     margin-top: -1px;
     min-height: 38px;
   }
@@ -630,7 +631,7 @@ ul.pagination {
   z-index: 999;
   top: 0;
   list-style: none;
-  right: 0;
+  inset-inline-end: 0;
   margin: $-m 0;
   @include lightDark(background-color, #fff, #333);
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
@@ -715,7 +716,7 @@ ul.pagination {
 // being cut by scrollable container.
 .tri-layout-right .dropdown-menu,
 .tri-layout-left .dropdown-menu {
-  right: $-xs;
+  inset-inline-end: $-xs;
 }
 
 // Books grid view