diff --git a/core/themes/claro/css/components/dialog.css b/core/themes/claro/css/components/dialog.css index 9aac338c77cf456d5756d7a955ce6458a2dc6bfb..bc41d7fdbf3c9f262d8068145a50f627ca0ebf7b 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 94249ddd771308d43e096d436194ed5da1b1b682..688b9fa20c6a48adc9202965024090c601dc4c5b 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 0000000000000000000000000000000000000000..635ac1c6b3828e856098c3b9f68e5a3e1be9444b --- /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>