diff --git a/src/StatusQ/Components/StatusBadge.qml b/src/StatusQ/Components/StatusBadge.qml index 11033b0c..fd0577ef 100644 --- a/src/StatusQ/Components/StatusBadge.qml +++ b/src/StatusQ/Components/StatusBadge.qml @@ -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) { diff --git a/src/StatusQ/Core/Theme/StatusDarkTheme.qml b/src/StatusQ/Core/Theme/StatusDarkTheme.qml index eae0a246..0ec738af 100644 --- a/src/StatusQ/Core/Theme/StatusDarkTheme.qml +++ b/src/StatusQ/Core/Theme/StatusDarkTheme.qml @@ -120,5 +120,9 @@ ThemePalette { property QtObject statusAppNavBar: QtObject { property color backgroundColor: baseColor5 } + + property QtObject statusBadge: QtObject { + property color foregroundColor: baseColor3 + } } diff --git a/src/StatusQ/Core/Theme/StatusLightTheme.qml b/src/StatusQ/Core/Theme/StatusLightTheme.qml index 7d49e87c..9ece9d78 100644 --- a/src/StatusQ/Core/Theme/StatusLightTheme.qml +++ b/src/StatusQ/Core/Theme/StatusLightTheme.qml @@ -120,5 +120,9 @@ ThemePalette { property QtObject statusAppNavBar: QtObject { property color backgroundColor: baseColor4 } + + property QtObject statusBadge: QtObject { + property color foregroundColor: white + } } diff --git a/src/StatusQ/Core/Theme/ThemePalette.qml b/src/StatusQ/Core/Theme/ThemePalette.qml index 14455c63..5c02d041 100644 --- a/src/StatusQ/Core/Theme/ThemePalette.qml +++ b/src/StatusQ/Core/Theme/ThemePalette.qml @@ -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