From 2ae5769c074991f32dfdc1867223e09c5b31a2c0 Mon Sep 17 00:00:00 2001
From: Harjun751 <Harjun751@gmail.com>
Date: Sat, 30 May 2026 21:06:18 +0800
Subject: [PATCH 1/3] Fix missing bootstrap style in popover

Popover styles regressed after upgrading
to bootstrap v5.3.

Add .popover class to popovers so that
bootstrap's css variables for popovers
apply to generated site, as
Bootstrap now scopes popover variables
to tags with the .popover class explicitly
set.
---
 packages/vue-components/src/Popover.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/vue-components/src/Popover.vue b/packages/vue-components/src/Popover.vue
index dc4e2e558c..ffb558e0b6 100644
--- a/packages/vue-components/src/Popover.vue
+++ b/packages/vue-components/src/Popover.vue
@@ -29,7 +29,7 @@
         <slot></slot>
       </span>
       <template #popper>
-        <div class="popover-container">
+        <div class="popover-container popover">
           <h3 v-if="hasHeader" class="popover-header">
             <slot name="header"></slot>
           </h3>
@@ -86,6 +86,10 @@ export default {
 </script>
 
 <style>
+    [data-bs-theme="dark"] .popover {
+      --bs-popover-header-color: var(--bs-body-color);
+    }
+
     .popover-container {
         overflow: auto;
         max-height: 50vh;

From 0508be2826cb6ae287ad77d09da0d8bafda9b0a1 Mon Sep 17 00:00:00 2001
From: Harjun751 <Harjun751@gmail.com>
Date: Sat, 30 May 2026 21:19:27 +0800
Subject: [PATCH 2/3] Add style tweaks for popover in dark mode

---
 packages/vue-components/src/Popover.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/vue-components/src/Popover.vue b/packages/vue-components/src/Popover.vue
index ffb558e0b6..671e008b4c 100644
--- a/packages/vue-components/src/Popover.vue
+++ b/packages/vue-components/src/Popover.vue
@@ -86,8 +86,17 @@ export default {
 </script>
 
 <style>
-    [data-bs-theme="dark"] .popover {
-      --bs-popover-header-color: var(--bs-body-color);
+    [data-bs-theme="dark"] {
+      /* Bootstrap by default inherits the header color - override with intended dark theme font color */
+      .popover {
+        --bs-popover-header-color: var(--bs-body-color);
+      }
+
+      /* Floating-vue retains a white border in dark mode - override */
+      .v-popper__inner {
+        background: var(--bs-popover-bg);
+        border: 1px solid var(--bs-secondary-bg);
+      }
     }
 
     .popover-container {

From fc1ec1c877ddf18a2bc96e0918e5e3b3822ae74e Mon Sep 17 00:00:00 2001
From: Harjun751 <Harjun751@gmail.com>
Date: Sat, 30 May 2026 21:40:55 +0800
Subject: [PATCH 3/3] Lint files

---
 packages/vue-components/src/Popover.vue | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/vue-components/src/Popover.vue b/packages/vue-components/src/Popover.vue
index 671e008b4c..f04c02f592 100644
--- a/packages/vue-components/src/Popover.vue
+++ b/packages/vue-components/src/Popover.vue
@@ -87,16 +87,17 @@ export default {
 
 <style>
     [data-bs-theme="dark"] {
-      /* Bootstrap by default inherits the header color - override with intended dark theme font color */
-      .popover {
-        --bs-popover-header-color: var(--bs-body-color);
-      }
+        /* Bootstrap by default inherits the header color - override with intended dark theme font color */
+        .popover {
+            --bs-popover-header-color: var(--bs-body-color);
+        }
 
-      /* Floating-vue retains a white border in dark mode - override */
-      .v-popper__inner {
-        background: var(--bs-popover-bg);
-        border: 1px solid var(--bs-secondary-bg);
-      }
+        /* Floating-vue retains a white border in dark mode - override */
+        /* stylelint-disable selector-class-pattern */
+        .v-popper__inner {
+            background: var(--bs-popover-bg);
+            border: 1px solid var(--bs-secondary-bg);
+        }
     }
 
     .popover-container {