From d8920c5c6107ed05d674e93ba50e4d3e2892906e Mon Sep 17 00:00:00 2001
From: Kent Richards <22302-kentr@users.noreply.drupalcode.org>
Date: Tue, 25 Mar 2025 12:39:17 -0600
Subject: [PATCH] Issue #3277262: Convert to SVG mask
---
core/themes/claro/css/components/dialog.css | 3 ++-
core/themes/claro/css/components/dialog.pcss.css | 3 ++-
core/themes/claro/images/icons/buttonText/ex.svg | 1 -
3 files changed, 4 insertions(+), 3 deletions(-)
delete 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 f8bbfb51ab46..0ad186061fcc 100644
--- a/core/themes/claro/css/components/dialog.css
+++ b/core/themes/claro/css/components/dialog.css
@@ -95,7 +95,8 @@
@media (forced-colors: active) {
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .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%;
+ background: buttontext;
+ mask: 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%;
}
}
diff --git a/core/themes/claro/css/components/dialog.pcss.css b/core/themes/claro/css/components/dialog.pcss.css
index 1eaf03352550..22754dd3397a 100644
--- a/core/themes/claro/css/components/dialog.pcss.css
+++ b/core/themes/claro/css/components/dialog.pcss.css
@@ -85,7 +85,8 @@
background: url(../../images/icons/d3d4d9/ex.svg) no-repeat 50%;
@media (forced-colors: active) {
- background: url(../../images/icons/buttonText/ex.svg) no-repeat 50%;
+ background: buttontext;
+ mask: url(../../images/icons/d3d4d9/ex.svg) no-repeat 50%;
}
}
}
diff --git a/core/themes/claro/images/icons/buttonText/ex.svg b/core/themes/claro/images/icons/buttonText/ex.svg
deleted file mode 100644
index 635ac1c6b382..000000000000
--- a/core/themes/claro/images/icons/buttonText/ex.svg
+++ /dev/null
@@ -1 +0,0 @@
-<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