From 541041afafcca39134406b5ca7705e2981bac907 Mon Sep 17 00:00:00 2001 From: Claude Date: Sat, 25 Apr 2026 19:24:20 +0000 Subject: [PATCH 1/3] feat: add focus-visible styles to home page buttons Adds keyboard-focus outlines to the Get Started, View on GitHub, and Usage Guide buttons on the home page so they have a visible indicator when navigated to via the tab key. --- .vitepress/theme/styles.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/.vitepress/theme/styles.css b/.vitepress/theme/styles.css index 9818e5ed4ee..11e4c7270b0 100644 --- a/.vitepress/theme/styles.css +++ b/.vitepress/theme/styles.css @@ -15,6 +15,11 @@ --color-brand: #0d6a73; } +.button:focus-visible { + outline: 2px solid var(--color-brand); + outline-offset: 2px; +} + /* Override unusual GitHub avatars */ .VPTeamMembersItem { --member-item-avatar-size-small: 64px; From 022e6d2a7b0810e03fec47c6df92e5759908b521 Mon Sep 17 00:00:00 2001 From: Claude Date: Sat, 25 Apr 2026 19:31:14 +0000 Subject: [PATCH 2/3] feat: add focus-visible outline to code-group tabs Adds a keyboard-focus outline to code-group tab labels so users can see which tab is focused when navigating with the tab key. --- .vitepress/theme/styles.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/.vitepress/theme/styles.css b/.vitepress/theme/styles.css index 11e4c7270b0..cc95fec9cac 100644 --- a/.vitepress/theme/styles.css +++ b/.vitepress/theme/styles.css @@ -20,6 +20,11 @@ outline-offset: 2px; } +.vp-code-group .tabs input:focus-visible + label { + outline: 2px solid var(--color-brand); + outline-offset: 2px; +} + /* Override unusual GitHub avatars */ .VPTeamMembersItem { --member-item-avatar-size-small: 64px; From 40898260e76b5432b197c3497aabc9049ffe5068 Mon Sep 17 00:00:00 2001 From: Claude Date: Sat, 25 Apr 2026 19:32:48 +0000 Subject: [PATCH 3/3] refactor: move code-group focus outline to wrapper element Outline the entire code-group block when a tab is keyboard-focused instead of only the individual tab label. --- .vitepress/theme/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.vitepress/theme/styles.css b/.vitepress/theme/styles.css index cc95fec9cac..a1d16fee994 100644 --- a/.vitepress/theme/styles.css +++ b/.vitepress/theme/styles.css @@ -20,7 +20,7 @@ outline-offset: 2px; } -.vp-code-group .tabs input:focus-visible + label { +.vp-code-group:has(.tabs input:focus-visible) { outline: 2px solid var(--color-brand); outline-offset: 2px; }