💄 [#4949] Modal close button on dark mode

The modal close button changes color based on the light/dark mode of the page. In addition, focus now increases the button opacity, making it more user-friendly Backport-of: #4950
open-formulieren · Dec 18, 2024 · 1d81810 · 1d81810
1 parent 4ad3c9b
commit 1d81810
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/openforms/scss/components/admin/_ReactModal.scss b/src/openforms/scss/components/admin/_ReactModal.scss
@@ -64,10 +64,14 @@
     top: 20px;
     right: 20px;
     cursor: pointer;
+    color: var(--body-fg);
+    background: transparent;
+    border: none;
     opacity: 0.5;
     line-height: 1;
 
-    &:hover {
+    &:hover,
+    &:focus {
       opacity: 0.8;
     }
   }