From c0a5bfbbb29341275726efe788380389a17aaea4 Mon Sep 17 00:00:00 2001
From: Andrey Dolgachev <adolgachev@users.noreply.github.com>
Date: Sun, 25 Jan 2026 19:27:44 -0800
Subject: [PATCH] fix(aria/toolbar): show outline on selected items when forced
 colors active

---
 src/components-examples/aria/toolbar/toolbar-common.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components-examples/aria/toolbar/toolbar-common.css b/src/components-examples/aria/toolbar/toolbar-common.css
index 4be1ff833de1..b3d258f780bc 100644
--- a/src/components-examples/aria/toolbar/toolbar-common.css
+++ b/src/components-examples/aria/toolbar/toolbar-common.css
@@ -185,3 +185,11 @@
 .example-option[aria-selected='false'] .example-option-icon {
   visibility: hidden;
 }
+
+@media (forced-colors: active) {
+  .example-button[aria-pressed='true'],
+  .example-button[aria-checked='true'],
+  .example-option[aria-selected='true'] {
+    outline: solid 2px;
+  }
+}