umami/src/app/global.css
2026-02-07 23:56:06 -08:00

57 lines
1.3 KiB
CSS

:root {
--font-family: var(--font-inter), sans-serif;
--primary: oklch(62.3% 0.214 259.815);
--primary-foreground: oklch(98.5% 0 0);
}
html,
body {
font-family: var(--font-family), sans-serif;
font-size: 14px;
color: var(--text-primary);
background-color: var(--surface-raised);
width: 100%;
min-height: 100vh;
}
html[style*="padding-right"] {
padding-right: 0 !important;
}
::-webkit-scrollbar {
width: 15px;
background: transparent;
}
::-webkit-scrollbar-track {
border: 7px solid rgba(0, 0, 0, 0);
background-color: var(--border-default);
background-clip: padding-box;
}
::-webkit-scrollbar-thumb {
border: 7px solid rgba(0, 0, 0, 0);
background-color: var(--text-disabled);
border-radius: var(--border-radius-full);
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
border: 4px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
}
/* Fix autofill background color to match dark theme */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px var(--background-color) inset !important;
transition: color 5000s ease-in-out 0s;
}