Docs-site chrome: 'Part of btravstack' strip, bigger hero mark + glow#22
Merged
Conversation
- add a 'Part of btravstack' org-attribution strip beneath every page (layout-bottom slot in the shared theme's Layout) - enlarge the home-hero mark (the logos ship at a small intrinsic size) - add a broad accent glow shape behind the hero + a larger nav logo - externalize vue/vitepress in the build so the Layout render is not bundled Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
There was a problem hiding this comment.
Pull request overview
Aligns the shared @btravstack/theme VitePress chrome with the design mockups across all docs sites by adding a bottom attribution strip and updating the home hero/nav visuals, packaged as a minor theme release.
Changes:
- Adds a global “Part of btravstack” attribution strip rendered via the theme
Layout’slayout-bottomslot. - Updates shared CSS to increase nav logo sizing and add a larger home-hero mark + broader accent glow shape.
- Updates the theme build config to externalize
vue/vitepressruntime imports.
Reviewed changes
Copilot reviewed 4 out of 4 changed files in this pull request and generated 3 comments.
| File | Description |
|---|---|
| packages/theme/tsdown.config.ts | Externalizes vue/vitepress modules from the theme bundle. |
| packages/theme/src/style.css | Adjusts nav logo sizing; adds new home hero glow/mark sizing and attribution strip styling. |
| packages/theme/src/index.ts | Adds Vue-rendered attribution strip and wires it into DefaultTheme.Layout via a slot. |
| .changeset/docs-chrome.md | Declares the minor release and documents the user-facing chrome changes. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| /* ── Home hero: a bigger mark + a large accent glow shape ───────── | ||
| The default hero only has a small glow hugging the logo; the docs | ||
| mockups show a broad accent wash bleeding off the top-right. */ | ||
| .VPHome { position: relative; overflow: clip; } |
Comment on lines
+174
to
+178
| color: var(--vp-c-text-3); | ||
| text-decoration: none; | ||
| transition: color 0.15s; | ||
| } | ||
| .btv-partof-link:hover { color: var(--vp-c-text-2); } |
- rel="noopener noreferrer" on the external attribution link - scope .VPHome to position:relative (avoid clipping vertical hover shadows) - add :focus-visible to the attribution link for keyboard users Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Contributor
Author
|
All three addressed in the latest commit:
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Brings the shared docs-site chrome in line with the Claude Design mockups. Publishes @btravstack/theme@1.5.0 (minor) on merge.
The four docs sites weren't matching the mockup in three ways — all shared chrome, so all fixed once in the theme:
btravstack wordmark, linking back to the hub. Rendered via alayout-bottomslot in the theme'sLayout(the package now ships a tiny Vue render;vue/vitepressare externalized in the build).max-widthalone left them tiny; now stretched to ~300px like the mockup.Everything derives from the existing
--accenttoken, so each site keeps its own color (orange / indigo / green / violet).Verified locally against the amqp-contract docs (dark + light): hero, glow, and footer strip all render correctly.
Follow-up
Once 1.5.0 is published, the four open docs PRs (amqp #523, temporal #282, unthrown #60, demesne #11) get their catalog pin bumped 1.4.0 → 1.5.0 to pick up the chrome.
🤖 Generated with Claude Code