Index: sources/gui/qml/components/NotificationBar.qml =================================================================== diff -u -rf7d7e8b10c7626f3c6b8450876721a452ebd730f -rd00eeb4a8b354eade40a0853c022eb03ea4ae233 --- sources/gui/qml/components/NotificationBar.qml (.../NotificationBar.qml) (revision f7d7e8b10c7626f3c6b8450876721a452ebd730f) +++ sources/gui/qml/components/NotificationBar.qml (.../NotificationBar.qml) (revision d00eeb4a8b354eade40a0853c022eb03ea4ae233) @@ -77,7 +77,7 @@ isMaxButton : true backgroundColor : _root.color - onMuteClicked : _root.muteClicked() + onMuteClicked : _root.muteClicked() onMinMaxClicked : _root.maximizeClicked() onListClicked : _root.listClicked() } Index: sources/gui/qml/compounds/AutoStepController.qml =================================================================== diff -u -rd66feb12d37023f6f67672ff4acdb5abebdbff15 -rd00eeb4a8b354eade40a0853c022eb03ea4ae233 --- sources/gui/qml/compounds/AutoStepController.qml (.../AutoStepController.qml) (revision d66feb12d37023f6f67672ff4acdb5abebdbff15) +++ sources/gui/qml/compounds/AutoStepController.qml (.../AutoStepController.qml) (revision d00eeb4a8b354eade40a0853c022eb03ea4ae233) @@ -5,7 +5,8 @@ Item { id: _root property int interval : 5000 - property bool isPlaying : false // initial state + property bool isPlaying : true + property string color : Colors.modeAutoStepColor height : 35 @@ -38,6 +39,7 @@ isDefault : true borderColor : Colors.transparent onClicked : _root.isPlaying = ! _root.isPlaying + backgroundColor : _root.color ProgressCircle { id: _progress anchors.fill : parent @@ -46,7 +48,7 @@ maximum : 100 thickness : 4 visible : _root.isPlaying - color : Colors.statusTextPaused + color : Colors.borderButton circleShadowColor : Colors.transparent // Smooth progress animation @@ -68,7 +70,7 @@ } text : qsTr("Tap step to view image, or press play to cycle.") - color : "#3682ED" + color : _root.color font { pixelSize : 30 weight : Font.Medium Index: sources/gui/qml/compounds/InstructionView.qml =================================================================== diff -u -r39a514158384c0ad4bfcfb90bafbaa4ca8dc5a26 -rd00eeb4a8b354eade40a0853c022eb03ea4ae233 --- sources/gui/qml/compounds/InstructionView.qml (.../InstructionView.qml) (revision 39a514158384c0ad4bfcfb90bafbaa4ca8dc5a26) +++ sources/gui/qml/compounds/InstructionView.qml (.../InstructionView.qml) (revision d00eeb4a8b354eade40a0853c022eb03ea4ae233) @@ -28,7 +28,7 @@ property var stepImages : [] property int currentIndex : 0 - color : Colors.offWhite + color : Colors.modeBackgroundColor radius : Variables.alarmDialogRadius clip : true @@ -42,7 +42,7 @@ topMargin : Variables.defaultMargin * 2 // with current resolution this makes the screen look nice } text : _root.title - color : Colors.backgroundMainMenu + color : Colors.modeTextColor font.pixelSize : Fonts.fontPixelInstructionTitle font.weight : Font.Medium } @@ -89,16 +89,16 @@ height : 50 width : height radius : height - color : index === _root.currentIndex ? Colors.backgroundMainMenu : Colors.offWhite + color : index === _root.currentIndex ? Colors.borderButton : Colors.modeBackgroundColor border { - color: Colors.backgroundMainMenu + color: Colors.borderButton width: 2 } Text { id: _stepNumberRect anchors.centerIn: parent text : index + 1 - color : index === _root.currentIndex ? Colors.offWhite : Colors.backgroundMainMenu + color : Colors.darkMode ? Colors.offWhite : index === _root.currentIndex ? Colors.modeBackgroundColor : Colors.borderButton font.pixelSize : 28 font.weight : Font.Medium } @@ -113,7 +113,7 @@ } text : _root.stepNames.length ? _root.stepNames[index] : "" font.weight : index === _root.currentIndex ? Font.Medium : Font.Normal - color : index === _root.currentIndex ? "#18559E" : Colors.alarmDialogText + color : index === _root.currentIndex ? Colors.modeSelctedColor : Colors.modeTextColor wrapMode : Text.WordWrap font.pixelSize : Fonts.fontPixelInstructionStep } Index: sources/gui/qml/dialogs/AlarmDialog.qml =================================================================== diff -u -r3c0010b123fe25246ec7f040965d0a37e8e9a7cc -rd00eeb4a8b354eade40a0853c022eb03ea4ae233 --- sources/gui/qml/dialogs/AlarmDialog.qml (.../AlarmDialog.qml) (revision 3c0010b123fe25246ec7f040965d0a37e8e9a7cc) +++ sources/gui/qml/dialogs/AlarmDialog.qml (.../AlarmDialog.qml) (revision d00eeb4a8b354eade40a0853c022eb03ea4ae233) @@ -6,9 +6,9 @@ // Qml imports import "qrc:/globals" import "qrc:/components" +import "qrc:/compounds" +Rectangle { id : _root -Item { id : _root - property alias titleText : _title.text property alias titlePixelSize : _title.font.pixelSize property alias instructionModel : _listView.model @@ -32,7 +32,10 @@ property int headerOverlap : 30 anchors.fill: parent + color : Colors.modeBackgroundColor + radius : Variables.alarmDialogRadius + signal muteClicked() signal minimizeClicked() signal listClicked() @@ -90,7 +93,7 @@ } Rectangle { id: _descriptionRect - color : Colors.offWhite + color : Colors.modeBackgroundColor clip : true anchors { @@ -101,18 +104,19 @@ bottom : _timerRect.top } - HelpNotification { id: _infoItem - anchors { - left : parent.left - leftMargin : Variables.defaultMargin * 4 - top : parent.top - topMargin : Variables.defaultMargin * 3 - } - } + AutoStepController { id: _autoStepController + anchors { + left : parent.left + leftMargin : Variables.defaultMargin * 4 + top : parent.top + topMargin : Variables.defaultMargin * 2 + } + onTriggered : _listView.currentIndex = (_listView.currentIndex + 1) % _listView.count + } ListView {id: _listView anchors { - top : _infoItem.bottom + top : _autoStepController.bottom topMargin : Variables.defaultMargin bottom : parent.bottom left : parent.left @@ -134,16 +138,16 @@ height : 40 width : height radius : height - color : _delegateControl.ListView.isCurrentItem ? Colors.backgroundMainMenu : Colors.offWhite + color : _delegateControl.ListView.isCurrentItem ? Colors.borderButton : Colors.modeBackgroundColor border { - color: Colors.backgroundMainMenu + color: Colors.borderButton width: 2 } Text { id: _stepNumberRect anchors.centerIn: parent text : index + 1 - color : _delegateControl.ListView.isCurrentItem ? Colors.offWhite : Colors.backgroundMainMenu + color : Colors.darkMode ? Colors.offWhite : _delegateControl.ListView.isCurrentItem ? Colors.fixedColor : Colors.borderButton font.pixelSize : 20 font.weight : Font.Medium } @@ -169,8 +173,8 @@ height : parent.height width : parent.width font.pixelSize : Fonts.fontPixelInstructionStep - font.weight : _delegateControl.ListView.isCurrentItem ? Font.DemiBold : Font.Normal - color : _delegateControl.ListView.isCurrentItem ? "#18559E" : Colors.alarmDialogText + font.weight : _delegateControl.ListView.isCurrentItem ? Font.DemiBold : Font.Normal + color : _delegateControl.ListView.isCurrentItem ? Colors.modeSelctedColor : Colors.modeTextColor text : model.instruction wrapMode : Text.WordWrap } @@ -275,8 +279,7 @@ onPressed : resumeClicked() text.text : qsTr("Resume") width : _buttonGroup.buttonsWidth - isDefault : true - backgroundColor: Colors.white + backgroundColor: Colors.transparent fgColor : isPressed ? Colors.white : borderColor selectColor : Qt.darker(borderColor, 1.15) pixelSize : Fonts.fontPixelNotification @@ -288,7 +291,7 @@ onPressed : temporaryBreakClicked() text.text : qsTr("Temporary Break") width : _buttonGroup.buttonsWidth - backgroundColor: Colors.white + backgroundColor: Colors.transparent fgColor : isPressed ? Colors.white : borderColor selectColor : Qt.darker(borderColor, 1.15) pixelSize : Fonts.fontPixelNotification @@ -300,7 +303,7 @@ onPressed : rinsebackClicked() text.text : qsTr("Return Blood & End Treatment") width : _buttonGroup.buttonsWidth - backgroundColor: Colors.white + backgroundColor: Colors.transparent fgColor : isPressed ? Colors.white : borderColor selectColor : Qt.darker(borderColor, 1.15) pixelSize : Fonts.fontPixelNotification @@ -312,7 +315,7 @@ onPressed : endClicked() text.text : qsTr("End Treatment Only") width : _buttonGroup.buttonsWidth - backgroundColor: Colors.white + backgroundColor: Colors.transparent fgColor : isPressed ? Colors.white : borderColor selectColor : Qt.darker(borderColor, 1.15) pixelSize : Fonts.fontPixelNotification @@ -324,7 +327,7 @@ onPressed : okClicked() text.text : qsTr("OK") width : _buttonGroup.buttonsWidth - backgroundColor: Colors.white + backgroundColor: Colors.transparent fgColor : isPressed ? Colors.white : borderColor selectColor : Qt.darker(borderColor, 1.15) pixelSize : Fonts.fontPixelNotification @@ -341,7 +344,7 @@ leftMargin : Variables.defaultMargin * 3 bottomMargin: Variables.defaultMargin } - color : Colors.alarmDialogGreyText + color : Colors.modeTextColor font.pixelSize : Fonts.fontPixelAlarmID } Index: sources/gui/qml/dialogs/AlarmListDialog.qml =================================================================== diff -u -r5292af384a2d6a77e9fe40396eee96be27c69719 -rd00eeb4a8b354eade40a0853c022eb03ea4ae233 --- sources/gui/qml/dialogs/AlarmListDialog.qml (.../AlarmListDialog.qml) (revision 5292af384a2d6a77e9fe40396eee96be27c69719) +++ sources/gui/qml/dialogs/AlarmListDialog.qml (.../AlarmListDialog.qml) (revision d00eeb4a8b354eade40a0853c022eb03ea4ae233) @@ -25,7 +25,7 @@ /*! * \brief Contains the Alarm Dialog Implementation */ -Item { id : _root +Rectangle { id : _root property alias titleText : _title.text; property alias titleBarForeground : _title.color @@ -35,10 +35,12 @@ property int alarmID : -1 property bool minVisible : true - property color contentbackgroundColor : Colors.offWhite + property color contentbackgroundColor : Colors.modeBackgroundColor property int headerOverlap : 30 anchors.fill: parent + color : Colors.modeBackgroundColor + radius : Variables.alarmDialogRadius signal muteClicked() signal minimizeClicked() @@ -114,7 +116,7 @@ visible : ! vAlarmActiveList.adjustment_Accepted text : vAlarmActiveList.status objectName: "_NotificationDialog_Description" - color: Colors.alarmDialogText + color: Colors.offWhite font.pixelSize: Fonts.fontPixelButton anchors { horizontalCenter: parent.horizontalCenter; @@ -138,8 +140,8 @@ itemWidth : width rowSpacing : 0 colSpacing : 0 - lineColor : Colors.alarmDialogText - textColor : Colors.alarmDialogText + lineColor : Colors.offWhite + textColor : Colors.offWhite itemsText : vAlarmActiveList.alarmIDs itemsValue : vAlarmActiveList.alarmTexts itemsTouchable : [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, ] Index: sources/gui/qml/dialogs/watersample/WaterSamplePage.qml =================================================================== diff -u -reab35af615619934a2a20b8a27f62d1dcc873af4 -rd00eeb4a8b354eade40a0853c022eb03ea4ae233 --- sources/gui/qml/dialogs/watersample/WaterSamplePage.qml (.../WaterSamplePage.qml) (revision eab35af615619934a2a20b8a27f62d1dcc873af4) +++ sources/gui/qml/dialogs/watersample/WaterSamplePage.qml (.../WaterSamplePage.qml) (revision d00eeb4a8b354eade40a0853c022eb03ea4ae233) @@ -44,7 +44,7 @@ Text { id: _text text : _waterSampleRadioButton.text font.pixelSize : Fonts.fontPixelInstructionStep - color : Colors.backgroundMainMenu + color : Colors.modeTextColor verticalAlignment : Text.AlignVCenter height : _row.height width : _text.implicitWidth @@ -53,7 +53,7 @@ } contentItem : Rectangle { id: _content - color : Colors.offWhite + color : Colors.modeBackgroundColor radius : Variables.alarmDialogRadius clip : true @@ -66,7 +66,7 @@ } text : _root.instructionsGroup ? _root.instructionsGroup.title : "" height : Variables.contentHeight - color : Colors.backgroundMainMenu + color : Colors.modeTextColor font.pixelSize : Fonts.fontPixelInstructionTitle font.weight : Font.Medium } @@ -85,7 +85,7 @@ imageSource : "qrc:/images/iHelp" imageVisible : true text : qsTr("Test the carbon filters per your clinic's instructions") - textColor : "#595959" + textColor : Colors.modeTextColor imageDiameter : 25 imageTopMargin : 3 } @@ -109,7 +109,7 @@ height : 50 width : height radius : height - color : Colors.backgroundMainMenu + color : Colors.modeButtonColor Text { id: _attemptNumberRect anchors.centerIn: parent @@ -129,7 +129,7 @@ } text : _root.instructionsGroup ? _root.instructionsGroup.keys[0] : "" //qsTr("Test the primary carbon filter and select the result below") font.weight : Font.Medium - color : "#18559E" + color : Colors.modeTextColor wrapMode : Text.WordWrap font.pixelSize : Fonts.fontPixelInstructionStep } Index: sources/gui/qml/globals/Colors.qml =================================================================== diff -u -rf3cb87e84d6cb1034f2527ed44ceb119f59c4c77 -rd00eeb4a8b354eade40a0853c022eb03ea4ae233 --- sources/gui/qml/globals/Colors.qml (.../Colors.qml) (revision f3cb87e84d6cb1034f2527ed44ceb119f59c4c77) +++ sources/gui/qml/globals/Colors.qml (.../Colors.qml) (revision d00eeb4a8b354eade40a0853c022eb03ea4ae233) @@ -27,11 +27,19 @@ * whcih is going to be used in the project */ QtObject { + property bool darkMode : false + readonly property color red : "#c53b33" // red readonly property color white : "white" // white readonly property color transparent : "Transparent" // No Color readonly property color offWhite : "#FEFEFE" + readonly property color modeBackgroundColor : darkMode ? panelBackground : offWhite + readonly property color modeSelctedColor : darkMode ? "#CFCFCF" : "#18559E" + readonly property color modeAutoStepColor : darkMode ? statusTextPaused : "#3682ED" + readonly property color modeTextColor : darkMode ? offWhite : backgroundMainMenu + readonly property color modeButtonColor : darkMode ? borderButton : backgroundMainMenu + readonly property color separatorLine : "#5f809d" readonly property color backgroundMain : "#1A344D" //// ----- @LEAHIZED readonly property color backgroundButtonNormal : transparent @@ -47,7 +55,7 @@ readonly property color mainTreatmentLighterBlue : "#1F3D5A" readonly property color mainTreatmentOrange : "#FFB836" readonly property color mainTreatmentIsoBlue : "#C3F9FF" - readonly property color alarmButton : "#0753B0" + readonly property color alarmButton : borderButton readonly property color sliderHighlightColor : "orange" readonly property color sliderProgressBorderActive : white