Skip to content

Use Geist Pixel for list items, dropdowns, dialogs & composer controls#137

Open
julianbenegas wants to merge 1 commit intomainfrom
forums/geist-pixel-529be
Open

Use Geist Pixel for list items, dropdowns, dialogs & composer controls#137
julianbenegas wants to merge 1 commit intomainfrom
forums/geist-pixel-529be

Conversation

@julianbenegas
Copy link
Member

Tries out the new Geist Pixel font in targeted spots rather than globally.

Setup

  • Upgraded geist from ^1.5.1^1.7.0
  • Imported GeistPixelSquare from geist/font/pixel, registered its CSS variable on <body>
  • Added --font-pixel Tailwind theme token → font-pixel utility class

Where font-pixel is applied

# Target File(s)
1 List item text (all asterisk-prefixed items site-wide) components/typography.tsxListItem
2 npx skills ... code + MCP tool names on homepage app/page.tsx
3 Dropdown menus components/ui/menu.tsxPopup
3 Dialog content (paywall, delete, branch selector) components/ui/dialog.tsxPopup
3 Tooltip popups components/ui/tooltip.tsxPopup
4 Model selector trigger in composer components/composer.tsx
4 Branch selector trigger in composer components/branch-selector.tsx
4 Build mode toggler in composer components/composer.tsx

Body default stays Geist Mono — pixel is opt-in via the font-pixel utility class only on these elements.

…, and composer controls

- Upgrade geist from ^1.5.1 to ^1.7.0 (adds Geist Pixel font family)
- Import GeistPixelSquare and register its CSS variable on <body>
- Add --font-pixel Tailwind theme token (font-pixel utility class)
- Apply font-pixel to:
  - ListItem component (all asterisk list items site-wide)
  - 'npx skills ...' code text and MCP tool names on the homepage
  - Menu.Popup (all dropdown menus)
  - Dialog.Popup (all dialog/modal content)
  - Tooltip.Popup (all tooltip popups)
  - Model selector trigger in composer
  - Branch selector trigger in composer
  - Build mode toggler in composer
@vercel
Copy link
Contributor

vercel bot commented Feb 7, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
forums Ready Ready Preview, Comment Feb 7, 2026 9:23pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant