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
     }