Themeable Scrollbars - make scrollbars more visible

This commit is contained in:
Sarah Jamie Lewis 2020-11-26 15:56:40 -08:00
parent dab30aa164
commit cbeeb07e6b
5 changed files with 16 additions and 3 deletions

View File

@ -10,8 +10,8 @@ import "../const"
T.ScrollBar {
palette.dark: Theme.defaultButtonColor
palette.mid: Theme.dividerColor
palette.dark: Theme.scrollbarDefaultColor
palette.mid: Theme.scrollbarActiveColor
id: control
@ -20,6 +20,7 @@ T.ScrollBar {
implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
implicitContentHeight + topPadding + bottomPadding)
width: 10
padding: 2
visible: control.policy !== T.ScrollBar.AlwaysOff && control.size < 1.0
@ -28,7 +29,7 @@ T.ScrollBar {
implicitHeight: control.interactive ? 6 : 2
radius: width / 2
color: control.pressed ? control.palette.dark : control.palette.mid
color: control.pressed ? control.palette.mid : control.palette.dark
opacity: 1.0
}
}

View File

@ -38,6 +38,9 @@ ThemeType {
textfieldButtonColor: purple
textfieldButtonTextColor: darkGreyPurple
scrollbarDefaultColor: purple
scrollbarActiveColor: hotPink
portraitOnlineBorderColor: whitePurple
portraitOnlineBackgroundColor: whitePurple
portraitOnlineTextColor: whitePurple

View File

@ -39,6 +39,9 @@ ThemeType {
textfieldButtonColor: hotPink
textfieldButtonTextColor: whitePurple
scrollbarDefaultColor: darkPurple
scrollbarActiveColor: hotPink
portraitOnlineBorderColor: darkPurple
portraitOnlineBackgroundColor: darkPurple
portraitOnlineTextColor: darkPurple

View File

@ -90,6 +90,9 @@ Item {
readonly property color messageStatusAlertColor: theme.messageStatusAlertColor
readonly property color messageStatusAlertTextColor: theme.messageStatusAlertTextColor
readonly property color scrollbarDefaultColor: theme.scrollbarDefaultColor
readonly property color scrollbarActiveColor: theme.scrollbarActiveColor
readonly property int headerSize: 50
readonly property int subHeaderSize: 35
readonly property int usernameSize: 30

View File

@ -28,6 +28,9 @@ QtObject {
property color textfieldButtonColor: "red"
property color textfieldButtonTextColor: "red"
property color scrollbarDefaultColor: "red"
property color scrollbarActiveColor: "red"
property color portraitOnlineBorderColor: "red"
property color portraitOnlineBackgroundColor: "red"
property color portraitOnlineTextColor: "red"