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

fix(Components): add proper foreground color for StatusBadge 

Fixes #59
This commit is contained in:
Pascal Precht 2021-05-21 14:06:34 +02:00 committed by Michał Cieślak
parent a3525c63e3
commit 8b7911cff9
4 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/StatusQ/src/StatusQ/Components/StatusBadge.qml
View File

@ -28,7 +28,7 @@ Rectangle {
visible: statusBadge.value > 0
font.pixelSize: statusBadge.value > 99 ? 10 : 12
font.weight: Font.Bold
color: Theme.palette.white
color: Theme.palette.statusBadge.foregroundColor
anchors.centerIn: parent
text: {
if (statusBadge.value > 99) {

4
ui/StatusQ/src/StatusQ/Core/Theme/StatusDarkTheme.qml
View File

@ -120,5 +120,9 @@ ThemePalette {
property QtObject statusAppNavBar: QtObject {
property color backgroundColor: baseColor5
}
property QtObject statusBadge: QtObject {
property color foregroundColor: baseColor3
}
}

4
ui/StatusQ/src/StatusQ/Core/Theme/StatusLightTheme.qml
View File

@ -120,5 +120,9 @@ ThemePalette {
property QtObject statusAppNavBar: QtObject {
property color backgroundColor: baseColor4
}
property QtObject statusBadge: QtObject {
property color foregroundColor: white
}
}

4
ui/StatusQ/src/StatusQ/Core/Theme/ThemePalette.qml
View File

@ -82,6 +82,10 @@ QtObject {
property color backgroundColor
}
property QtObject statusBadge: QtObject {
property color foregroundColor
}
function alphaColor(color, alpha) {
let actualColor = Qt.darker(color, 1)
actualColor.a = alpha