From a873213ca57a75eb9e5619088b17705c2a52ba38 Mon Sep 17 00:00:00 2001 From: Seydi Charyyev Date: Wed, 13 May 2026 09:21:28 +0500 Subject: [PATCH 1/2] fix: strengthen ActionBar focus outline in forced-colors mode --- code/core/src/components/components/ActionBar/ActionBar.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/code/core/src/components/components/ActionBar/ActionBar.tsx b/code/core/src/components/components/ActionBar/ActionBar.tsx index 59f6694501f5..830f818eb38c 100644 --- a/code/core/src/components/components/ActionBar/ActionBar.tsx +++ b/code/core/src/components/components/ActionBar/ActionBar.tsx @@ -57,7 +57,8 @@ export const ActionButton = styled.button<{ disabled: boolean }>( outline: '0 none', '@media (forced-colors: active)': { - outline: '1px solid highlight', + outline: '2px solid CanvasText', + outlineOffset: '2px', }, }, }), From 7bd4bba5ea1ca88ee8783de9151c35728532530a Mon Sep 17 00:00:00 2001 From: Seydi Charyyev Date: Wed, 13 May 2026 10:01:52 +0500 Subject: [PATCH 2/2] fix: use ButtonBorder system color for ActionBar focus outline --- code/core/src/components/components/ActionBar/ActionBar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/code/core/src/components/components/ActionBar/ActionBar.tsx b/code/core/src/components/components/ActionBar/ActionBar.tsx index 830f818eb38c..a37b772815a5 100644 --- a/code/core/src/components/components/ActionBar/ActionBar.tsx +++ b/code/core/src/components/components/ActionBar/ActionBar.tsx @@ -57,7 +57,7 @@ export const ActionButton = styled.button<{ disabled: boolean }>( outline: '0 none', '@media (forced-colors: active)': { - outline: '2px solid CanvasText', + outline: '2px solid ButtonBorder', outlineOffset: '2px', }, },