qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-02-11 17:50:32 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

💄 Fix light/dark scrollbar.

Browse Source
This commit is contained in:
pheralb 2023-12-12 15:56:35 +00:00
parent f67f4a1276
commit 5825101dfe
1 changed files with 45 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
src/app.css
View File

@ -2,6 +2,51 @@
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--sb-track-color: rgb(229 229 229 / 0.5);
--sb-thumb-color: #d4d4d4;
--sb-size: 8px;
}
.dark {
--sb-track-color: #171717;
--sb-thumb-color: #404040;
--sb-size: 8px;
}
}
@layer base {
body,
nav {
scrollbar-color: var(--sb-thumb-color) transparent;
}
body::-webkit-scrollbar {
width: var(--sb-size);
}
body::-webkit-scrollbar-track {
background: var(--sb-track-color);
}
body::-webkit-scrollbar-thumb {
background: var(--sb-thumb-color);
}
aside::-webkit-scrollbar {
width: var(--sb-size);
}
aside::-webkit-scrollbar-track {
background: var(--sb-track-color);
}
aside::-webkit-scrollbar-thumb {
background: var(--sb-thumb-color);
}
}
@font-face {
font-family: 'General-Sans';
src: url('/fonts/GeneralSans-Variable.woff2') format('woff2');
@ -9,35 +54,3 @@
font-display: swap;
font-style: normal;
}
body,
nav {
--sb-track-color: #171717;
--sb-thumb-color: #404040;
--sb-size: 10px;
scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
}
body::-webkit-scrollbar {
width: var(--sb-size);
}
body::-webkit-scrollbar-track {
background: var(--sb-track-color);
}
body::-webkit-scrollbar-thumb {
background: var(--sb-thumb-color);
}
aside::-webkit-scrollbar {
width: var(--sb-size);
}
aside::-webkit-scrollbar-track {
background: var(--sb-track-color);
}
aside::-webkit-scrollbar-thumb {
background: var(--sb-thumb-color);
}