modify _wiki.scss

apps/app/src/styles/organisms/_wiki.scss

@@ -8,7 +8,7 @@
       margin-right: 0.4em;
       content: '';
       border-left: $width solid;
-      opacity: 0.2;
+      border-left-color: var(--bs-border-color);
     }
   }
 
@@ -41,12 +41,13 @@
   }
 
   h1 {
-    padding: 0.5em 0;
+    padding: 0.3em 0;
     margin-top: 2em;
     font-size: 1.9em;
     line-height: 1.1em;
-    // style
-    border-bottom: solid 2px transparent;
+    border-bottom-color: var(--bs-border-color);
+    border-bottom-style: solid;
+    border-bottom-width: 2px;
   }
 
   h2 {
@@ -54,8 +55,9 @@
     font-size: 1.6em;
     font-weight: bold;
     line-height: 1.225;
-    // style
-    border-bottom: solid 1px transparent;
+    border-bottom-color: var(--bs-border-color);
+    border-bottom-style: solid;
+    border-bottom-width: 1px;
   }
 
   h3 {
@@ -309,6 +311,30 @@
         var(--bs-link-opacity, 1)
       );
     }
+  }
+}
 
+@include bs.color-mode(light) {
+  .wiki {
+    h1, h2 {
+      --bs-border-color: var(--bs-gray-300);
+    }
+    h4, h5, h6 {
+      &::before {
+        --bs-border-color: var(--bs-gray-300);
+      }
+    }
+  }
+}
+@include bs.color-mode(dark) {
+  .wiki {
+    h1, h2 {
+      --bs-border-color: var(--bs-gray-700);
+    }
+    h4, h5, h6 {
+      &::before {
+        --bs-border-color: var(--bs-gray-700);
+      }
+    }
   }
 }