xiaoxue_admin
/
xLog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: new scrollbar style 

Signed-off-by: Innei <tukon479@gmail.com>
This commit is contained in:
Innei 2023-04-13 23:00:18 +08:00
parent 63756f659c
commit f8209b43ff
No known key found for this signature in database
GPG Key ID: 0F62D33977F021F7
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/css/tailwind.css
View File

@ -21,6 +21,31 @@
border-color: var(--border-color);
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
background: theme("colors.white");
}
::-webkit-scrollbar-thumb {
background: var(--theme-color);
}
::-webkit-scrollbar-thumb:hover {
background: var(--hover-color);
}
::-webkit-scrollbar-corner {
background: theme("colors.white");
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
background-color: var(--theme-color);
border: 3px solid theme("colors.white");
border-radius: 5px;
}
body {
@apply break-words bg-white;
}

2
src/css/variables.css
View File

@ -10,11 +10,13 @@ html {
html.dark {
--border-color: #333;
--theme-color: var(--auto-theme-color, theme("colors.orange.600"));
}
@media (prefers-color-scheme: dark) {
html.not(.light) {
--border-color: #333;
--theme-color: var(--auto-theme-color, theme("colors.orange.600"));
}
}