From 9947041b3cabb8244d0c59a1b7d5c3a6755231eb Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Thu, 27 Jul 2023 20:34:43 +0300
Subject: [PATCH] Issue #3377207 by bnjmnm, smustgrave: Dialog close icon not
reliably visible in forced colors mode
---
core/themes/claro/css/components/dialog.css | 6 ++++++
core/themes/claro/css/components/dialog.pcss.css | 6 ++++++
core/themes/claro/images/icons/buttonText/ex.svg | 1 +
3 files changed, 13 insertions(+)
create mode 100644 core/themes/claro/images/icons/buttonText/ex.svg
diff --git a/core/themes/claro/css/components/dialog.css b/core/themes/claro/css/components/dialog.css
index 9aac338c77cf..bc41d7fdbf3c 100644
--- a/core/themes/claro/css/components/dialog.css
+++ b/core/themes/claro/css/components/dialog.css
@@ -101,6 +101,12 @@
background: url("data:image/svg+xml,%3csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1.318l-10 10M11 11.318l-10-10' stroke='%23D3D4D9' stroke-width='1.5'/%3e%3c/svg%3e") no-repeat 50%;
}
+@media (forced-colors: active) {
+ .ui-dialog .ui-icon.ui-icon-closethick {
+ background: url("data:image/svg+xml,%3csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1.318l-10 10M11 11.318l-10-10' stroke='buttonText' stroke-width='1.5'/%3e%3c/svg%3e") no-repeat 50%;
+ }
+}
+
.ui-dialog > .ui-dialog-content {
overflow: auto;
padding: var(--space-m) var(--space-l);
diff --git a/core/themes/claro/css/components/dialog.pcss.css b/core/themes/claro/css/components/dialog.pcss.css
index 94249ddd7713..688b9fa20c6a 100644
--- a/core/themes/claro/css/components/dialog.pcss.css
+++ b/core/themes/claro/css/components/dialog.pcss.css
@@ -89,6 +89,12 @@
background: url(../../images/icons/d3d4d9/ex.svg) no-repeat 50%;
}
+@media (forced-colors: active) {
+ .ui-dialog .ui-icon.ui-icon-closethick {
+ background: url(../../images/icons/buttonText/ex.svg) no-repeat 50%;
+ }
+}
+
.ui-dialog > .ui-dialog-content {
overflow: auto;
padding: var(--space-m) var(--space-l);
diff --git a/core/themes/claro/images/icons/buttonText/ex.svg b/core/themes/claro/images/icons/buttonText/ex.svg
new file mode 100644
index 000000000000..635ac1c6b382
--- /dev/null
+++ b/core/themes/claro/images/icons/buttonText/ex.svg
@@ -0,0 +1 @@
+<svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 1.318l-10 10M11 11.318l-10-10" stroke="buttonText" stroke-width="1.5"/></svg>
--
GitLab