From 14561063c2f9b5e3555d71fa39bbe27d9064d531 Mon Sep 17 00:00:00 2001
From: robinvandermolen <robin@maykinmedia.nl>
Date: Wed, 18 Dec 2024 11:27:02 +0100
Subject: [PATCH] :lipstick: [#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
---
 src/openforms/scss/components/admin/_ReactModal.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/openforms/scss/components/admin/_ReactModal.scss b/src/openforms/scss/components/admin/_ReactModal.scss
index 0f8e2eb91a..1d74c85358 100644
--- 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;
     }
   }