Start using react-zen.

This commit is contained in:
Mike Cao 2025-02-12 23:34:27 -08:00
parent 020cfdc646
commit 71e4f8f49b
24 changed files with 1872 additions and 609 deletions

48
src/styles/global.css Normal file
View file

@ -0,0 +1,48 @@
html,
body {
font-family: var(--font-family), sans-serif;
color: var(--font-color);
font-size: var(--font-size);
background-color: var(--background-color);
}
a,
a:active,
a:hover {
color: var(--font-color);
text-decoration: none;
}
svg {
width: 16px;
height: 16px;
shape-rendering: geometricPrecision;
}
::-webkit-scrollbar {
width: 15px;
background: var(--background-color);
}
::-webkit-scrollbar-track {
border: 7px solid rgba(0, 0, 0, 0);
background-color: var(--border-color);
background-clip: padding-box;
}
body::-webkit-scrollbar-track,
main::-webkit-scrollbar-track {
background-color: var(--border-color);
}
::-webkit-scrollbar-thumb {
border: 7px solid rgba(0, 0, 0, 0);
background-color: var(--font-color);
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
border: 4px solid rgba(0, 0, 0, 0);
background-color: var(--font-color);
background-clip: padding-box;
}