From e23b3332e48db3993339f5b40afba5c69ac434e6 Mon Sep 17 00:00:00 2001 From: Julian Benegas Date: Sat, 7 Feb 2026 21:20:53 +0000 Subject: [PATCH] Use Geist Pixel Square for list items, skill text, dropdowns, dialogs, 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 - 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 --- apps/web/app/globals.css | 1 + apps/web/app/layout.tsx | 3 ++- apps/web/app/page.tsx | 4 ++-- apps/web/components/branch-selector.tsx | 2 +- apps/web/components/composer.tsx | 4 ++-- apps/web/components/typography.tsx | 2 +- apps/web/components/ui/dialog.tsx | 2 +- apps/web/components/ui/menu.tsx | 2 +- apps/web/components/ui/tooltip.tsx | 2 +- apps/web/package.json | 2 +- 10 files changed, 13 insertions(+), 11 deletions(-) diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css index 653d142..f0566ac 100644 --- a/apps/web/app/globals.css +++ b/apps/web/app/globals.css @@ -4,6 +4,7 @@ @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); + --font-pixel: var(--font-geist-pixel-square); /* --color-base: var(--base); */ --color-background: var(--background); diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx index 288923c..d022dad 100644 --- a/apps/web/app/layout.tsx +++ b/apps/web/app/layout.tsx @@ -1,5 +1,6 @@ import { Analytics } from "@vercel/analytics/next" import { GeistMono } from "geist/font/mono" +import { GeistPixelSquare } from "geist/font/pixel" import { GeistSans } from "geist/font/sans" import type { Metadata, Viewport } from "next" import { Footer } from "@/components/footer" @@ -52,7 +53,7 @@ export default function RootLayout({ return (
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx index b32aae7..9268e76 100644 --- a/apps/web/app/page.tsx +++ b/apps/web/app/page.tsx @@ -146,7 +146,7 @@ export default async function Home() {
- + npx skills add basehub-ai/forums --skill remote-bash
@@ -177,7 +177,7 @@ export default async function Home() { className="mt-0.5 shrink-0 text-faint" size={16} /> - {tool.name} + {tool.name}

{tool.description} diff --git a/apps/web/components/branch-selector.tsx b/apps/web/components/branch-selector.tsx index bd46a49..e054a88 100644 --- a/apps/web/components/branch-selector.tsx +++ b/apps/web/components/branch-selector.tsx @@ -88,7 +88,7 @@ export function BranchSelector({ <>