From c1c6e737cc0d39b99708e243310ce09309b8dab1 Mon Sep 17 00:00:00 2001 From: Rohan Chakraborty Date: Thu, 14 May 2026 22:11:50 +0530 Subject: [PATCH] fix(sidebar): replace focus-visible outline with subtle background Co-Authored-By: Claude Opus 4.7 (1M context) --- packages/raystack/components/sidebar/sidebar.module.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/raystack/components/sidebar/sidebar.module.css b/packages/raystack/components/sidebar/sidebar.module.css index 7f631d3aa..2d6966542 100644 --- a/packages/raystack/components/sidebar/sidebar.module.css +++ b/packages/raystack/components/sidebar/sidebar.module.css @@ -107,6 +107,12 @@ color: var(--rs-color-foreground-base-primary); } +.nav-item:focus-visible { + outline: none; + background-color: var(--rs-color-background-base-primary-hover); + color: var(--rs-color-foreground-base-primary); +} + /* keep item highlighted when menu is open */ .more-trigger[aria-expanded="true"] { background-color: var(--rs-color-background-base-primary-hover);