kindred/silo
1
1
Fork 0
Code Issues 30 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): use system font stack per style guide

Browse Source 
Fixes #66

Remove Inter and Roboto from font-family. The style guide specifies
system fonts only: -apple-system, BlinkMacSystemFont, Segoe UI,
system-ui, sans-serif.
This commit is contained in:
Forbes
2026-02-13 13:09:56 -06:00
parent d4ea6d2739
commit 648c659e2b
1 changed files with 24 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
web/src/styles/global.css
View File

@@ -1,51 +1,54 @@
@import './theme.css'; @import "./theme.css";
*, *,
*::before, *::before,
*::after { *::after {
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-family:
background-color: var(--ctp-base); -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
color: var(--ctp-text); background-color: var(--ctp-base);
line-height: 1.6; color: var(--ctp-text);
min-height: 100vh; line-height: 1.6;
min-height: 100vh;
} }
a { a {
color: var(--ctp-sapphire); color: var(--ctp-sapphire);
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: var(--ctp-sky); color: var(--ctp-sky);
text-decoration: underline; text-decoration: underline;
} }
/* Scrollbar */ /* Scrollbar */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 8px; width: 8px;
height: 8px; height: 8px;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: var(--ctp-mantle); background: var(--ctp-mantle);
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: var(--ctp-surface1); background: var(--ctp-surface1);
border-radius: 4px; border-radius: 4px;
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: var(--ctp-surface2); background: var(--ctp-surface2);
} }
/* Monospace */ /* Monospace */
code, pre, .mono { code,
font-family: 'JetBrains Mono', 'Fira Code', monospace; pre,
.mono {
font-family: "JetBrains Mono", "Fira Code", monospace;
} }