Skip to content

Dark mode docs using custom colors #93

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 7 commits into
base: main
Choose a base branch
from
Open

Conversation

Burhan-Q
Copy link
Contributor

Rationale

Fixes #24 adds dark mode and includes some additional color accents.

Changes

  • enables dark mode
  • enables color change on hypertext hover using #00ffff
    • no objections to color choice being changed
    • also used for hover & active annotations (tool-tip) states
  • uses brand color #ff6d04 for tabbed content and annotations
  • includes comments in CSS file for changes

Testing

Built locally (see screenshots).

Notes

Some images will likely need to be updated for better interoperability using dark mode (some of the logos on home page for instance).

Homepage logos with dark mode

image

Screenshots

Dark mode toggle

image

image

Hypertext hover color

Currently hovering hypertext doesn't change text color

image

image

Brand accent for annotations and tabs

When annotations and tabbed content are used, will now use #ff6d04 as the default color

image

image

image

image

image

image

@Burhan-Q Burhan-Q requested a review from a team as a code owner April 10, 2025 15:22
Copy link

View preview at
https://preview-docs.voxel51.com/pr-93/index.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Dark Mode (toggle)
1 participant