style: scrollbar matching theme (#5)
This commit is contained in:
parent
c60476a062
commit
49a20c01b7
|
@ -12,6 +12,7 @@ export default defineNuxtConfig({
|
|||
css: [
|
||||
'@unocss/reset/tailwind.css',
|
||||
'~/styles/vars.css',
|
||||
'~/styles/global.css',
|
||||
],
|
||||
colorMode: {
|
||||
classSuffix: '',
|
||||
|
|
26
styles/global.css
Normal file
26
styles/global.css
Normal 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;
|
||||
}
|
Loading…
Reference in a new issue