Skip to content

C
canifa_note
Commit 3949a252 authored by boojack's avatar boojack
Browse files
Options

style(web): refine scrollbar styling

parent 34c90dd5
Hide whitespace changes
Inline Side-by-side
Showing with 20 additions and 0 deletions
web/src/index.css
View file @ 3949a252
...@@ -5,6 +5,26 @@ ...@@ -5,6 +5,26 @@
@layer base { @layer base {
* { * {
@apply border-border outline-none ring-0; @apply border-border outline-none ring-0;
scrollbar-color: color-mix(in oklch, var(--muted-foreground) 55%, transparent) transparent;
scrollbar-width: thin;
}
*::-webkit-scrollbar {
width: 8px;
height: 8px;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: color-mix(in oklch, var(--muted-foreground) 45%, transparent);
border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover {
background-color: color-mix(in oklch, var(--muted-foreground) 65%, transparent);
} }
body { body {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment