Skip to content

fix: active sidebar link text is invisible in docs dark theme #35

@anurag629

Description

@anurag629

Bug

The active/current page link in the Starlight docs sidebar has nearly invisible text in dark mode. The text color blends into the selection highlight background, making it unreadable.

Page: Any docs page (e.g., /getting-started/quick-start/)

Image

Where to fix

File: website/src/styles/starlight-overrides.css

The active sidebar link uses Starlight's built-in [aria-current='page'] styling. The text color needs to be overridden to ensure contrast against the highlight background in dark mode.

Look for the sidebar link styles and ensure the active state has a visible text color (e.g., var(--sl-color-white) or #ffffff) against its background.

Acceptance Criteria

  • Active sidebar link text is clearly readable in dark mode
  • Non-active sidebar links remain unchanged
  • Light mode (if supported) is not broken

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workinggood first issueGood for newcomerswebsiteAffects the marketing/docs website

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions