💄 [#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
open-formulieren · Dec 18, 2024 · 1456106 · 1456106
1 parent 738be59
commit 1456106
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/openforms/scss/components/admin/_ReactModal.scss b/src/openforms/scss/components/admin/_ReactModal.scss
@@ -74,12 +74,13 @@
     right: 12px;
     padding: 8px;
     cursor: pointer;
+    color: var(--body-fg);
     background: transparent;
     border: none;
     opacity: 0.5;
     line-height: 1;
 
-    &:hover {
+    &:hover, &:focus {
       opacity: 0.8;
     }
   }