Improved scrollbar

This commit is contained in:
Eduard Urbach 2021-11-20 13:06:16 +09:00
parent 1c21184e7b
commit fb2dc7b58d
Signed by: akyoto
GPG Key ID: C874F672B1AF20C0
3 changed files with 23 additions and 11 deletions

View File

@ -41,14 +41,3 @@ rt
.spacer .spacer
flex 1 flex 1
@media (hover : hover) and (pointer : fine)
body
scrollbar-color text-color bg-color
::-webkit-scrollbar
width 8px
::-webkit-scrollbar-track
background var(--bg-color)
border-radius 20px
::-webkit-scrollbar-thumb
background var(--text-color)
border-radius 20px

View File

@ -42,6 +42,12 @@ ui-hover-border = 1px solid ui-hover-border-color
ui-disabled-color = rgb(224, 224, 224) ui-disabled-color = rgb(224, 224, 224)
const ui-element-border-radius = 3px const ui-element-border-radius = 3px
// Scrollbar
scrollbar-size = 10px
scrollbar-border-size = 2px
scrollbar-thumb-color = hsla(text-color-h, text-color-s, text-color-l, 0.75)
scrollbar-track-color = transparent
// Input // Input
input-height = 2.5rem input-height = 2.5rem
input-focus-border-color = rgb(248, 165, 130) input-focus-border-color = rgb(248, 165, 130)

17
styles/scrollbar.scarlet Normal file
View File

@ -0,0 +1,17 @@
// Desktop scrollbar
@media (hover: hover) and (pointer: fine)
body
scrollbar-width scrollbar-size
scrollbar-color scrollbar-thumb-color scrollbar-track-color
::-webkit-scrollbar
width scrollbar-size
::-webkit-scrollbar-track
background-color scrollbar-track-color
::-webkit-scrollbar-thumb
border scrollbar-border-size solid transparent
border-radius 5px
background-clip content-box
background-color scrollbar-thumb-color