docs: apply new Dockview brand kit (logo, favicon, loader, theming)#1420
Merged
Conversation
Replace the old branding across the docs site with the new brand kit: - Navbar logo, favicon and apple-touch-icon use the new constant-colour mark (teal/blue/rose/purple) that reads on light, cream and navy alike, so a single mark file is used in both themes. - OG/social image switched to the new navy social card. - Loading splash in the generated example templates now uses the new animated "dock" loader (constant-colour, so no light/dark toggle), and its favicon reference is fixed (was the old absolute dockview.dev URL). - Accent palette retargeted from ocean blue to the brand blue (#2E74F0) across light/dark, with the header "ink" bar set to brand navy (#0A1440). - Fix the colour-mode toggle on the navy light-mode header: its icon path fills with currentColor, so set `color` (not `fill`) to the header foreground so it matches the GitHub icon and links. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
The docs package is deliberately excluded from Prettier / nx format / format:check. Record this in AGENTS.md so it isn't repeatedly "fixed". Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
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
1 participant
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.
Replaces the old Dockview branding across the docs site with the new brand kit, and adjusts the site theming to match.
Changes
Logo & favicon
#06C0D6/ blue#2E74F0/ rose#F24BA0/ purple#A24FEE). Because the mark reads on light, cream and navy alike, a single mark file is used in both themes — no more light/dark logo split.<link>head tags for SVG favicon + 16/32px PNGs + 180px apple-touch-icon.Social
twitter:imageswitched to the new navy social card (og-image-1200x630.png).Loading splash (example templates)
scripts/template.htmlloading splash now uses the new animated "dock" loader (constant-colour, so no light/dark toggle needed).https://dockview.dev/img/dockview_logo.ico, which broke in local dev) → root-relative brand favicon.Theming (
src/css/custom.scss)#2E74F0across light/dark (primary ramp, code keyword colours, tints, overlays).#0A1440.currentColor, socolor(notfill) is set to the header foreground — the sun/moon icon now matches the GitHub icon and links.Notes
packages/docs/static/img/brand/. Thedockview-brand-kit/source folder is intentionally not committed here.static/templates/) are gitignored/build artifacts — only the sourcescripts/template.htmlis committed; CI regenerates them.🤖 Generated with Claude Code