diff --git a/src/App.scss b/src/App.scss index e8f123c43..b02d7f25c 100644 --- a/src/App.scss +++ b/src/App.scss @@ -40,11 +40,13 @@ body { &::-webkit-scrollbar-button { --___bgPadding: 2px; + color: var(--btnText); background-repeat: no-repeat, no-repeat; &:horizontal { background-size: 50% calc(50% - var(--___bgPadding)), 50% calc(50% - var(--___bgPadding)); + &:increment { background-image: linear-gradient(45deg, var(--btnText) 50%, transparent 51%), @@ -59,23 +61,23 @@ body { background-position: bottom var(--___bgPadding) right 50%, left 50% top var(--___bgPadding); } } - } - &:vertical { - background-size: calc(50% - var(--___bgPadding)) 50%, calc(50% - var(--___bgPadding)) 50%; + &:vertical { + background-size: calc(50% - var(--___bgPadding)) 50%, calc(50% - var(--___bgPadding)) 50%; - &:increment { - background-image: - linear-gradient(-45deg, transparent 50%, var(--btnText) 51%), - linear-gradient(45deg, transparent 50%, var(--btnText) 51%); - background-position: right var(--___bgPadding) top 50%, left var(--___bgPadding) top 50%; - } + &:increment { + background-image: + linear-gradient(-45deg, transparent 50%, var(--btnText) 51%), + linear-gradient(45deg, transparent 50%, var(--btnText) 51%); + background-position: right var(--___bgPadding) top 50%, left var(--___bgPadding) top 50%; + } - &:decrement { - background-image: - linear-gradient(-45deg, var(--btnText) 50%, transparent 51%), - linear-gradient(45deg, var(--btnText) 50%, transparent 51%); - background-position: left var(--___bgPadding) top 50%, right var(--___bgPadding) top 50%; + &:decrement { + background-image: + linear-gradient(-45deg, var(--btnText) 50%, transparent 51%), + linear-gradient(45deg, var(--btnText) 50%, transparent 51%); + background-position: left var(--___bgPadding) top 50%, right var(--___bgPadding) top 50%; + } } } }