35 lines
1.2 KiB
CSS
35 lines
1.2 KiB
CSS
/*
|
|
Native scrollbars
|
|
I styled the native scrollbars before I reaized there was an option to render them in Obsidian...
|
|
Only tested on MacOS
|
|
https://github.com/replete/obsidian-minimal-theme-css-snippets
|
|
*/
|
|
:root {
|
|
--scrollbar-size: 6px;
|
|
}
|
|
::-webkit-scrollbar {
|
|
width: var(--scrollbar-size); /* for vertical scrollbars */
|
|
height: var(--scrollbar-size); /* for horizontal scrollbars */
|
|
}
|
|
::-webkit-scrollbar-track,
|
|
::-webkit-scrollbar-corner {
|
|
background:transparent;
|
|
}
|
|
::-webkit-scrollbar-track:vertical {
|
|
background:linear-gradient(to right, transparent 50%, hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 10%), 0.2));
|
|
}
|
|
::-webkit-scrollbar-track:horizontal {
|
|
background:linear-gradient(to bottom, transparent 50%, hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 10%), 0.2));
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--nav-indentation-guide-color);
|
|
}
|
|
/* ::-webkit-scrollbar-thumb:vertical {
|
|
border-radius: var(--scrollbar-size) 0 0 var(--scrollbar-size);
|
|
}
|
|
::-webkit-scrollbar-thumb:horizontal {
|
|
border-radius: var(--scrollbar-size) var(--scrollbar-size) 0 0;
|
|
} */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--text-muted);
|
|
} |