Fix night mode

AndBible · Dec 26, 2024 · dcfe7c6 · dcfe7c6
1 parent 54ba3b1
commit dcfe7c6
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/app/bibleview-js/src/components/BibleView.vue b/app/bibleview-js/src/components/BibleView.vue
@@ -486,6 +486,9 @@ $borderDistance: 0;
     background-color: unset;
     border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
   }
+  .night.noAnimation & {
+    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
+  }
 }
 
 .bottom-margin {
@@ -494,6 +497,9 @@ $borderDistance: 0;
   bottom: 0;
   background-color: unset;
   border-top: 1px dashed rgba(0, 0, 0, 0.5);
+  .night & {
+    border-top: 1px dashed rgba(255, 255, 255, 0.5);
+  }
 }
 
 a {
@@ -567,6 +573,10 @@ a {
   height: 12mm;
   border-radius: 50%;
   border-color: rgba(0, 0, 0, 0.2);
+  .night & {
+    border-color: rgba(255, 255, 255, 0.2);
+    color: rgba(255, 255, 255, 0.2);
+  }
   border-width: 2px;
   border-style: solid;
   & > svg {