refactor: add theme container & lift the dark/light class scope to root & restore scrollbar style.

This commit is contained in:
charlie
2020-12-08 14:56:21 +08:00
parent ad3874a67d
commit 32de8f2e2b
7 changed files with 294 additions and 266 deletions

View File

@@ -0,0 +1,23 @@
:root {
scrollbar-color: var(--ls-scrollbar-foreground-color) var(--ls-scrollbar-background-color) !important;
scrollbar-width: thin !important;
}
html:not(.is-mac)[data-theme=dark] {
&::-webkit-scrollbar,
html::-webkit-scrollbar-track-piece {
background-color: var(--ls-scrollbar-background-color);
border: 4px solid;
border-color: var(--ls-scrollbar-background-color);
}
&::-webkit-scrollbar-thumb {
background-color: var(--ls-scrollbar-foreground-color);
background-clip: padding-box;
min-height: 28px;
}
&::-webkit-scrollbar-thumb:hover {
background-color: var(--ls-scrollbar-thumb-hover-color);
}
}