fix: override bootstrap styling for dark theme

KohlbacherLab · Nov 19, 2024 · f936f57 · f936f57
1 parent 4aadd8b
commit f936f57
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/.vitepress/components/publication/KPublicationTitle.vue b/src/.vitepress/components/publication/KPublicationTitle.vue
@@ -39,7 +39,7 @@ export default defineComponent({
 });
 </script>
 <template>
-    <h5 class="text-dark">
+    <h5>
         <i class="fa-solid fa-book me-2" />
         <template v-if="pmID">
             <VCLink

diff --git a/src/.vitepress/theme/style.css b/src/.vitepress/theme/style.css
@@ -1,3 +1,8 @@
+body {
+    background: inherit;
+    color: inherit;
+}
+
 a {
     color: inherit;
     text-decoration: none;
@@ -37,7 +42,7 @@ p {
 
 .entity-card {
     background-color: var(--vp-c-bg-soft);
-    border: 1px solid #dedede;
+    border: 1px solid var(--vp-c-bg-soft);
     border-radius: 4px;
     box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .1);
     padding: .5rem 1rem;
@@ -47,10 +52,15 @@ p {
 }
 
 .entity-card.active {
-    background-color: #413d3d !important;
+    background-color: #413d3d;
     color: #eee;
 }
 
+.dark .entity-card.active {
+    background-color: var(--vp-c-brand-1);
+    border-color: var(--vp-c-brand-2);
+}
+
 .alert {
     --bs-alert-bg: transparent;
     --bs-alert-padding-x: 1rem;