Skip to content

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

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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