Override Bootstrap close button inversion inside themed elements

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 0fd3317e0f1da9d13b784e34f1c3837f5ea4af01..09c6c906bb64b80837e20534110a9f790a180e8a 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -72,6 +72,16 @@ time[title] {
   }
 }
 
+/* Bootstrap close button overrides for nested light/dark themes */
+
+[data-bs-theme="dark"] .btn-close {
+  filter: var(--bs-btn-close-white-filter);
+}
+
+[data-bs-theme="light"] .btn-close {
+  filter: none;
+}
+
 /* Rules for the header */
 
 #menu-icon {