forked from Mirrors/elk
style: scrollbar matching theme (#5)
This commit is contained in:
parent
c60476a062
commit
49a20c01b7
2 changed files with 27 additions and 0 deletions
|
@ -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
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