Update fix for close button inside themed elements

Introduced in cc5d8d991b31a3bce1e06cbf8afe53967800a363, broken by Bootstrap update to v5.3.4.

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index de8611e9d7bad595d8101aa888b092076f3a7949..ec5b22396ccd87636e359ad23b4bfc4b5cb5d559 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -84,12 +84,14 @@ 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="dark"],
+[data-bs-theme] [data-bs-theme="dark"] {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
 }
 
-[data-bs-theme="light"] .btn-close {
-  filter: none;
+[data-bs-theme="light"],
+[data-bs-theme] [data-bs-theme="light"] {
+  --bs-btn-close-filter: none;
 }
 
 /* Rules for the header */