From 28616a09b637859380c1ed2c3f2f0bf35a1c0cdd Mon Sep 17 00:00:00 2001 From: Bennett Schwartz Date: Wed, 25 Mar 2026 13:31:45 -0400 Subject: [PATCH] ui: migrate to GitHub Primer design system Replace custom CSS with GitHub's Primer design tokens and conventions to give the site a familiar, trustworthy look that matches the platform it reports on. This helps build community confidence in an unofficial tool. - Add @primer/css v21 via CDN for base styles and design tokens - Replace custom color vars with Primer semantic tokens (--fgColor-*, --bgColor-*, --borderColor-*) - Use Primer typography scale (--text-title-shorthand-*, --base-text-size-*) - Use Primer spacing primitives (--base-size-*, --stack-gap-*, --stack-padding-*) - Align responsive breakpoints to Primer's system (544/768/1012) - Style badges, buttons, and panels to match Primer component patterns - Remove Google Fonts in favor of Primer's system font stack - Remove decorative grain texture for cleaner GitHub aesthetic --- site/index.html | 8 +- site/styles.css | 2170 ++++++++++++++--------------------------------- 2 files changed, 634 insertions(+), 1544 deletions(-) diff --git a/site/index.html b/site/index.html index f4f56cc..09b7d8c 100644 --- a/site/index.html +++ b/site/index.html @@ -4,17 +4,11 @@ The Missing GitHub Status Page + - - - -