diff --git a/core/themes/claro/css/components/dialog.css b/core/themes/claro/css/components/dialog.css index 56e2e9852de1a570f2767aba7a4767b8ee81f55f..9281ffaa1fdc2d1839550e0eaf9bf93ffa9034fd 100644 --- a/core/themes/claro/css/components/dialog.css +++ b/core/themes/claro/css/components/dialog.css @@ -21,6 +21,12 @@ box-shadow: var(--jui-dialog-box-shadow); } +@media (forced-colors: active) { + .ui-dialog { + border: 1px solid transparent; + } +} + .ui-dialog:focus { outline: var(--jui-dialog--focus-outline); box-shadow: var(--jui-dialog--focus-box-shadow); diff --git a/core/themes/claro/css/components/dialog.pcss.css b/core/themes/claro/css/components/dialog.pcss.css index 568479eb4882dffa94a0a41c3c7b4ac2e3c5bdde..cd7b75eb040f904800a1370bf0fe102dff4173c9 100644 --- a/core/themes/claro/css/components/dialog.pcss.css +++ b/core/themes/claro/css/components/dialog.pcss.css @@ -12,6 +12,10 @@ border-radius: var(--jui-dialog-border-radius); background: transparent; box-shadow: var(--jui-dialog-box-shadow); + + @media (forced-colors: active) { + border: 1px solid transparent; + } } .ui-dialog:focus {