scrollbar styling

This commit is contained in:
Jan Prochazka
2020-11-12 11:35:39 +01:00
parent 7658a2838a
commit aa0501a729
5 changed files with 25 additions and 14 deletions

View File

@@ -20,6 +20,28 @@ export default function ThemeHelmet() {
body {
color: ${theme.main_font1};
}
body *::-webkit-scrollbar {
height: 0.8em;
width: 0.8em;
}
body *::-webkit-scrollbar-track {
border-radius: 1px;
background-color: ${theme.scrollbar_background};
}
body *::-webkit-scrollbar-corner {
border-radius: 1px;
background-color: ${theme.scrollbar_background2};
}
body *::-webkit-scrollbar-thumb {
border-radius: 1px;
background-color: ${theme.scrollbar_background3};
}
body *::-webkit-scrollbar-thumb:hover {
background-color: ${theme.scrollbar_background4};
}
`}</style>
</Helmet>
);