monoadmin/the-other-dude
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): swap Geist for Manrope + IBM Plex Mono

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-16 17:29:26 -05:00
parent 79cc0ad793
commit 258a8fe8b4
2 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/index.css
View File

@@ -1,16 +1,23 @@
/* Geist font loading - variable fonts for optimal performance */
@font-face { @font-face {
font-family: 'Geist'; font-family: 'Manrope';
src: url('./assets/fonts/Geist-Variable.woff2') format('woff2'); src: url('./assets/fonts/Manrope-Variable.woff2') format('woff2');
font-weight: 100 900; font-weight: 100 900;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: 'Geist Mono'; font-family: 'IBM Plex Mono';
src: url('./assets/fonts/GeistMono-Variable.woff2') format('woff2'); src: url('./assets/fonts/IBMPlexMono-Regular.woff2') format('woff2');
font-weight: 100 900; font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'IBM Plex Mono';
src: url('./assets/fonts/IBMPlexMono-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
@@ -144,7 +151,7 @@
body { body {
background-color: hsl(var(--background)); background-color: hsl(var(--background));
color: hsl(var(--text-primary)); color: hsl(var(--text-primary));
font-family: 'Geist', 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; font-family: 'Manrope', system-ui, -apple-system, sans-serif;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.5; line-height: 1.5;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@@ -152,7 +159,7 @@
} }
code, kbd, pre, samp, .font-mono { code, kbd, pre, samp, .font-mono {
font-family: 'Geist Mono', ui-monospace, 'SFMono-Regular', monospace; font-family: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;
} }
#root { #root {

4
frontend/tailwind.config.ts
View File

@@ -65,8 +65,8 @@ const config: Config = {
'chart-6': 'hsl(var(--chart-6))', 'chart-6': 'hsl(var(--chart-6))',
}, },
fontFamily: { fontFamily: {
sans: ['Geist', 'Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'sans-serif'], sans: ['Manrope', 'system-ui', '-apple-system', 'sans-serif'],
mono: ['Geist Mono', 'ui-monospace', 'SFMono-Regular', 'monospace'], mono: ['IBM Plex Mono', 'ui-monospace', 'SFMono-Regular', 'monospace'],
}, },
animation: { animation: {
shimmer: 'shimmer 1.5s ease-in-out infinite', shimmer: 'shimmer 1.5s ease-in-out infinite',