qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-02-06 15:17:58 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

🎨 Fixed light/dark scrollbar.

Browse Source
This commit is contained in:
Pablo Hdez 2023-12-12 15:09:41 +00:00 committed by GitHub
parent fd94b5884f
commit 22ef6a4c68
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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 components;
@tailwind utilities; @tailwind utilities;
@layer base {
:root {
--sb-track-color: rgb(229 229 229 / 0.5);
--sb-thumb-color: #d4d4d4;
--sb-size: 7px;
}
.dark {
--sb-track-color: #171717;
--sb-thumb-color: #404040;
--sb-size: 7px;
}
}
@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-face {
font-family: 'General-Sans'; font-family: 'General-Sans';
src: url('/fonts/GeneralSans-Variable.woff2') format('woff2'); src: url('/fonts/GeneralSans-Variable.woff2') format('woff2');
@ -9,35 +54,3 @@
font-display: swap; font-display: swap;
font-style: normal; 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);
}
nav::-webkit-scrollbar {
width: var(--sb-size);
}
nav::-webkit-scrollbar-track {
background: var(--sb-track-color);
}
nav::-webkit-scrollbar-thumb {
background: var(--sb-thumb-color);
}