Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Customize scroll-bar style (#2857)

Browse Source
This commit is contained in:
Quentin Macheda 2024-05-03 04:17:05 +01:00 committed by GitHub
parent ce2d8e5405
commit c6182ab59c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
uikit/src/main.scss
View File

@ -45,6 +45,7 @@
--border: 20 5.9% 90%;
--input: 20 5.9% 90%;
--ring: 20 14.3% 4.1%;
--scroll-bar: 60, 3%, 86%;
.primary-blue {
--primary: 221 83% 53%;

35
uikit/src/scroll-area/styles.scss
View File

@ -21,3 +21,38 @@
@apply bg-border relative z-50 w-[10px] rounded-full;
}
}
// Customized scroll bar
::-webkit-scrollbar {
width: 7px;
}
::-webkit-scrollbar-thumb {
background-color: hsl(var(--scroll-bar));
border-radius: 4px;
}
::-webkit-scrollbar-track {
background-color: hsl(var(--background));
}
::-webkit-scrollbar-corner {
background-color: hsl(var(--background));
}
::-moz-scrollbar {
width: 7px;
}
::-moz-scrollbar-thumb {
background-color: hsl(var(--scroll-bar));
border-radius: 4px;
}
::-moz-scrollbar-track {
background-color: hsl(var(--background));
}
::-moz-scrollbar-corner {
background-color: hsl(var(--background));
}