-
Notifications
You must be signed in to change notification settings - Fork 26
feat: add VT323 retro terminal font and --usage branding #443
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
Conversation
- Add VT323 font for hero title and navbar - Style title as "--usage" (CLI flag style) - Add green glow text effect - Update navbar title to use VT323 with green color Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull request overview
This PR enhances the branding by adopting a CLI-authentic aesthetic with the VT323 retro terminal font and "--usage" flag-style naming. The changes apply consistent styling across the hero section and navigation bar, including a green glow effect that reinforces the terminal theme.
Changes:
- Introduced VT323 Google Font and applied it to the hero title and navbar title
- Updated branding from "Usage" to "--usage" (CLI flag format) in hero, navbar, and site config
- Added green glow text shadow effect to the hero title and increased its font size
Reviewed changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.
| File | Description |
|---|---|
| docs/.vitepress/theme/custom.css | Added VT323 font import, styled navbar title with VT323 and green color, updated hero title styling with larger size and glow effect |
| docs/.vitepress/theme/UsageHero.vue | Changed hero title text from "Usage" to "--usage" |
| docs/.vitepress/config.mts | Updated site title from "Usage" to "--usage" |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap'); | ||
|
|
Copilot
AI
Jan 19, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Loading fonts from Google Fonts at runtime can impact initial page load performance. Consider self-hosting the VT323 font or using the preconnect link hint to improve loading speed.
| @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap'); |
| color: var(--usage-green); | ||
| line-height: 1; | ||
| letter-spacing: 0.02em; | ||
| text-shadow: 0 0 30px var(--usage-green-glow); |
Copilot
AI
Jan 19, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The CSS variable --usage-green-glow is used but may not be defined in the codebase. Verify that this variable is declared in the :root selector, or replace it with a valid color value to prevent the text-shadow from failing silently.
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #443 +/- ##
=======================================
Coverage 47.36% 47.36%
=======================================
Files 47 47
Lines 6653 6653
Branches 6653 6653
=======================================
Hits 3151 3151
Misses 1739 1739
Partials 1763 1763 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
Summary
Preview
The hero and navbar now display "--usage" in the VT323 retro terminal font with a green glow effect, giving the site a CLI-authentic feel.
🤖 Generated with Claude Code
Note
Introduces a CLI-themed visual refresh across the docs.
--usageinconfig.mtsandUsageHero.vue--usagegreenWritten by Cursor Bugbot for commit 5756c7c. This will update automatically on new commits. Configure here.