|
@@ -54,7 +54,6 @@ const WebScrollbar = () => {
|
|
|
#root *::-webkit-scrollbar-thumb,
|
|
#root *::-webkit-scrollbar-thumb,
|
|
|
body *::-webkit-scrollbar-thumb,
|
|
body *::-webkit-scrollbar-thumb,
|
|
|
html *::-webkit-scrollbar-thumb {
|
|
html *::-webkit-scrollbar-thumb {
|
|
|
- transition: border 0.5s, border-radius 0.5s, background 0.5s, background-clip 0.5s;
|
|
|
|
|
border: ${borders.scrollBarThumb}px solid transparent !important;
|
|
border: ${borders.scrollBarThumb}px solid transparent !important;
|
|
|
background: ${colors.content.container.primary} !important;
|
|
background: ${colors.content.container.primary} !important;
|
|
|
border-radius: ${radiuses.scrollBarThumb}px !important;
|
|
border-radius: ${radiuses.scrollBarThumb}px !important;
|
|
@@ -64,7 +63,6 @@ const WebScrollbar = () => {
|
|
|
#root *::-webkit-scrollbar-thumb:hover,
|
|
#root *::-webkit-scrollbar-thumb:hover,
|
|
|
body *::-webkit-scrollbar-thumb:hover,
|
|
body *::-webkit-scrollbar-thumb:hover,
|
|
|
html *::-webkit-scrollbar-thumb:hover {
|
|
html *::-webkit-scrollbar-thumb:hover {
|
|
|
- transition: border 0.5s, border-radius 0.5s, background 0.5s, background-clip 0.5s;
|
|
|
|
|
border: ${borders.scrollBarThumbHover}px solid transparent !important;
|
|
border: ${borders.scrollBarThumbHover}px solid transparent !important;
|
|
|
border-radius: ${radiuses.scrollBarThumbHover}px !important;
|
|
border-radius: ${radiuses.scrollBarThumbHover}px !important;
|
|
|
background: ${colors.content.container.primary} !important;
|
|
background: ${colors.content.container.primary} !important;
|
|
@@ -74,7 +72,6 @@ const WebScrollbar = () => {
|
|
|
#root *::-webkit-scrollbar-thumb:active,
|
|
#root *::-webkit-scrollbar-thumb:active,
|
|
|
body *::-webkit-scrollbar-thumb:active,
|
|
body *::-webkit-scrollbar-thumb:active,
|
|
|
html *::-webkit-scrollbar-thumb:active {
|
|
html *::-webkit-scrollbar-thumb:active {
|
|
|
- transition: border 0.5s, border-radius 0.5s, background 0.5s, background-clip 0.5s;
|
|
|
|
|
border: ${borders.scrollBarThumbActive}px solid transparent !important;
|
|
border: ${borders.scrollBarThumbActive}px solid transparent !important;
|
|
|
background: ${colors.content.container.emphasized} !important;
|
|
background: ${colors.content.container.emphasized} !important;
|
|
|
border-radius: ${radiuses.scrollBarThumbActive}px !important;
|
|
border-radius: ${radiuses.scrollBarThumbActive}px !important;
|