status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

uiux(StatusTooltip): change color according to theme 

It was requested to change the tooltip to black an white and white on
black in dark and light themes respectively.
This commit changes the colors accordingly.
This commit is contained in:
Pascal Precht 2021-01-19 16:26:34 +01:00 committed by Iuri Matias
parent 84b6b04145
commit 0daf355f54
4 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/imports/Themes/DarkTheme.qml
View File

@ -68,4 +68,6 @@ Theme {
property color roundedButtonDisabledBackgroundColor: buttonDisabledBackgroundColor property color roundedButtonDisabledBackgroundColor: buttonDisabledBackgroundColor
property color roundedButtonSecondaryDisabledForegroundColor: roundedButtonForegroundColor property color roundedButtonSecondaryDisabledForegroundColor: roundedButtonForegroundColor
property color roundedButtonSecondaryDisabledBackgroundColor: buttonDisabledForegroundColor property color roundedButtonSecondaryDisabledBackgroundColor: buttonDisabledForegroundColor
property color tooltipBackgroundColor: white
property color tooltipForegroundColor: black
} }

2
ui/imports/Themes/LightTheme.qml
View File

@ -67,4 +67,6 @@ Theme {
property color roundedButtonDisabledBackgroundColor: buttonDisabledBackgroundColor property color roundedButtonDisabledBackgroundColor: buttonDisabledBackgroundColor
property color roundedButtonSecondaryDisabledForegroundColor: white property color roundedButtonSecondaryDisabledForegroundColor: white
property color roundedButtonSecondaryDisabledBackgroundColor: buttonDisabledForegroundColor property color roundedButtonSecondaryDisabledBackgroundColor: buttonDisabledForegroundColor
property color tooltipBackgroundColor: black
property color tooltipForegroundColor: white
} }

2
ui/imports/Themes/Theme.qml
View File

@ -48,6 +48,8 @@ QtObject {
property color roundedButtonForegroundColor property color roundedButtonForegroundColor
property color roundedButtonBackgroundColor property color roundedButtonBackgroundColor
property color roundedButtonSecondaryBackgroundColor property color roundedButtonSecondaryBackgroundColor
property color tooltipBackgroundColor
property color tooltipForegroundColor
property int xlPadding: 32 property int xlPadding: 32
property int bigPadding: 24 property int bigPadding: 24

5
ui/shared/status/StatusToolTip.qml
View File

@ -15,7 +15,7 @@ ToolTip {
id: tooltipBg id: tooltipBg
Rectangle { Rectangle {
id: tooltipContentBg id: tooltipContentBg
color: Style.current.blue color: Style.current.tooltipBackgroundColor
radius: Style.current.radius radius: Style.current.radius
anchors.fill: parent anchors.fill: parent
} }
@ -33,9 +33,10 @@ ToolTip {
contentItem: StyledText { contentItem: StyledText {
id: textContent id: textContent
text: tooltip.text text: tooltip.text
color: Style.current.white color: Style.current.tooltipForegroundColor
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
font.pixelSize: 13 font.pixelSize: 13
font.weight: Font.DemiBold
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
} }
} }