Skip to content

Commit 53dff87

Browse files
committed
💄 [#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
1 parent f796f25 commit 53dff87

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

src/openforms/scss/components/admin/_ReactModal.scss

+3-1
Original file line numberDiff line numberDiff line change
@@ -74,12 +74,14 @@
7474
right: 12px;
7575
padding: 8px;
7676
cursor: pointer;
77+
color: var(--body-fg);
7778
background: transparent;
7879
border: none;
7980
opacity: 0.5;
8081
line-height: 1;
8182

82-
&:hover {
83+
&:hover,
84+
&:focus {
8385
opacity: 0.8;
8486
}
8587
}

0 commit comments

Comments
 (0)