From ea31f46be4d43339417dac7fc135d2be97080c58 Mon Sep 17 00:00:00 2001 From: Saad Khan Date: Tue, 29 Apr 2025 18:52:48 +0500 Subject: FileTree: Fix hover styles on highlighted directory (#3153) Co-authored-by: Chris Swithinbank --- .changeset/eight-rocks-rule.md | 5 +++++ packages/starlight/user-components/FileTree.astro | 1 + 2 files changed, 6 insertions(+) create mode 100644 .changeset/eight-rocks-rule.md diff --git a/.changeset/eight-rocks-rule.md b/.changeset/eight-rocks-rule.md new file mode 100644 index 00000000..2e26b05d --- /dev/null +++ b/.changeset/eight-rocks-rule.md @@ -0,0 +1,5 @@ +--- +'@astrojs/starlight': patch +--- + +Fixes hover styles for highlighted directory in FileTree component. diff --git a/packages/starlight/user-components/FileTree.astro b/packages/starlight/user-components/FileTree.astro index ba584b52..2bd532d6 100644 --- a/packages/starlight/user-components/FileTree.astro +++ b/packages/starlight/user-components/FileTree.astro @@ -56,6 +56,7 @@ const html = processFileTree(fileTreeHtml, Astro.locals.t('fileTree.directory')) } starlight-file-tree :global(.directory > details > summary:hover .highlight .tree-icon) { + color: var(--sl-color-text-invert); fill: currentColor; } -- cgit