Update: apply CorvidLabs design system to the docs#420
Closed
0xLeif wants to merge 1 commit into
Closed
Conversation
Vendor the brand standard into site/public/brand (tokens.css, theme.js, crow head mark + favicon) and rebuild the docs and shared chrome on the brand tokens with working light + dark. - Import tokens.css globally + Schibsted Grotesk / Spline Sans Mono fonts - Bridge legacy CSS vars onto brand tokens so components theme for free - Light + dark: honor prefers-color-scheme + add the standard sun/moon header toggle (pre-paint snippet, theme.js, no-flash) - Crow head mark in the header (inline, currentColor) + brand favicon - Map Shiki onto the css-variables theme → brand --code-* tokens - Replace all off-brand colors (orange accent, purple tag) with brand semantic + chart tokens; square corners throughout Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
|
Warning You have reached your daily quota limit. Please wait up to 24 hours and I will start processing your requests again! |
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
Contributor
There was a problem hiding this comment.
✅ Corvin says...
_
<(^\ .oO(Caw! ^v^)
|/(\
\(\\
" "\\
"That's a nice looking export you've got there."
CI Summary
| Check | Status |
|---|---|
| Dependency Audit | ✅ Passed |
| Integration (3 OS) | ✅ Passed |
| Lint (fmt + clippy) | ✅ Passed |
| Spec Validation | ✅ Passed |
| Tests (3 OS) | ✅ Passed |
Powered by corvid-pet
Contributor
Author
|
Superseded by the single-site consolidation: docs are migrating into corvidlabs-site (the only site updated going forward); this site will be redirected/retired. Closing per the new strategy. |
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.
Summary
Brings the fledge site's docs and shared chrome onto the CorvidLabs design-system standard, with working light + dark mode. Marketing-landing polish was kept light per the plan (the landing is moving to the corvidlabs-site hub separately) — but its off-brand colors were still removed so nothing ships purple/orange.
site/public/brand/viapodo-designs/sync-to.sh(tokens.css, theme.js, theme-toggle.html, crow head mark + reversed, mascot, theme-adaptive favicon, VERSION — design-system v1.1.0).brand/tokens.cssglobally inBaseLayout's<head>.globals.cssbridges the site's legacy CSS vars (--bg,--text,--accent, …) onto brand tokens so every component themes for free; remaining hardcoded colors were replaced directly.prefers-color-scheme(tokens.css) and adds the standard sun/moon toggle in the header (desktop + mobile menu) with the pre-paint no-flash snippet andbrand/theme.js. Never a "THEME" text button.currentColorin the header (themes with the page); favicon set to/brand/favicon.svg(theme-adaptive head mark).css-variablestheme and mapped--astro-code-token-*onto the brand--code-keyword/string/number/function/commenttokens — on-brand in both modes, no GitHub-dark defaults.--chart-1..5palette, callouts/terminal dots use--danger/--warning/--success, decorative orange glows neutralized.--radius: 0),focus-visible,prefers-reduced-motion, WCAG AA in both modes, responsive (mobile drawer + horizontal-scroll code/tables preserved).Test Plan
bun run buildpasses (80 pages)distgrepped clean of off-brand colors (no#ea580c,#c084fc,rgba(234,88,12), …)?theme=toggle override +prefers-color-schemedefault (no forceddata-themeon<html>)🤖 Generated with Claude Code