Theme-aware logo + fix dark-mode brand (pin shared theme @v1.0.0)#261
Conversation
Use the beetroot hourglass mark in both color schemes: VitePress per-theme nav logo (logo-light/dark.svg) plus an adaptive prefers-color-scheme favicon (logo.svg). These variants were finalized after the design-system PR was already squash-merged, so they land here in a follow-up. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
There was a problem hiding this comment.
Pull request overview
This PR adds theme-aware logo assets to the VitePress docs site, enabling distinct light/dark variants for the navbar logo while also updating the existing logo.svg to be an adaptive (prefers-color-scheme) SVG suitable for use as a favicon and general-purpose mark.
Changes:
- Added
docs/public/logo-light.svganddocs/public/logo-dark.svgas transparent, per-background logo variants. - Updated
docs/public/logo.svgto switch its rendered variant usingprefers-color-scheme. - Updated VitePress theme config to use per-theme navbar logos via
logo: { light, dark }.
Reviewed changes
Copilot reviewed 1 out of 4 changed files in this pull request and generated no comments.
| File | Description |
|---|---|
| docs/public/logo.svg | Replaced the previous single-variant SVG with a prefers-color-scheme adaptive SVG (light/dark groups toggled via internal CSS). |
| docs/public/logo-light.svg | Added the light-background logo variant (transparent SVG). |
| docs/public/logo-dark.svg | Added the dark-background logo variant (transparent SVG). |
| docs/.vitepress/config.ts | Switched navbar logo configuration to use the new light/dark logo variants. |
btravers
changed the title
|
Added a commit pinning the shared-theme import to |
Follow-up to the merged design-system PR. The light/dark logo variants were finalized after that PR was squash-merged, so they didn't make it onto
main— this adds them.Changes
docs/public/logo-light.svg+docs/public/logo-dark.svg— the beetroot hourglass mark for light and dark backgrounds (transparent SVG).docs/public/logo.svg— adaptiveprefers-color-schemefavicon (switches with the OS theme).docs/.vitepress/config.ts— nav logo is now per-theme:logo: { light: "/logo-light.svg", dark: "/logo-dark.svg" }.The btravstack landing page references
logo-dark.svgfrom this repo via jsDelivr, so merging this also lights up the landing card logo from the CDN.🤖 Generated with Claude Code