style: scrollbar matching theme (#5)

This commit is contained in:
patak 2022-11-15 17:39:25 +01:00 committed by GitHub
parent c60476a062
commit 49a20c01b7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 0 deletions

View file

@ -12,6 +12,7 @@ export default defineNuxtConfig({
css: [ css: [
'@unocss/reset/tailwind.css', '@unocss/reset/tailwind.css',
'~/styles/vars.css', '~/styles/vars.css',
'~/styles/global.css',
], ],
colorMode: { colorMode: {
classSuffix: '', classSuffix: '',

26
styles/global.css Normal file
View file

@ -0,0 +1,26 @@
* {
scrollbar-color: #555 var(--color-border);
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar:horizontal {
height: 10px;
}
::-webkit-scrollbar-track {
background: var(--color-border);
border-radius: 1px;
}
::-webkit-scrollbar-thumb {
background: #555;
border-radius: 1px;
}
::-webkit-scrollbar-thumb:hover {
background: #666;
}