style(css): apply minimalist transparent scrollbar globally
This commit is contained in:
parent
e18fe18cc3
commit
34d1d65823
24
input.css
24
input.css
@ -44,6 +44,30 @@
|
|||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Minimalist custom scrollbars */
|
||||||
|
* {
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: var(--color-paper-border) transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background-color: var(--color-paper-border);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb:hover {
|
||||||
|
background-color: var(--color-paper-tertiary);
|
||||||
|
}
|
||||||
|
|
||||||
.dark {
|
.dark {
|
||||||
/* Catppuccin Mocha(暗色)。accent-soft 带绿调、accent-2-soft 带 teal 调,
|
/* Catppuccin Mocha(暗色)。accent-soft 带绿调、accent-2-soft 带 teal 调,
|
||||||
在 surface0 暗底上透出微弱主/次强调色。 */
|
在 surface0 暗底上透出微弱主/次强调色。 */
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user