Index: sources/gui/qml/dialogs/AlarmDialog.qml
===================================================================
diff -u -r3c0010b123fe25246ec7f040965d0a37e8e9a7cc -r78aa5e70b591b3544ff9d9e6b772fe07deaa2f0f
--- sources/gui/qml/dialogs/AlarmDialog.qml	(.../AlarmDialog.qml)	(revision 3c0010b123fe25246ec7f040965d0a37e8e9a7cc)
+++ sources/gui/qml/dialogs/AlarmDialog.qml	(.../AlarmDialog.qml)	(revision 78aa5e70b591b3544ff9d9e6b772fe07deaa2f0f)
@@ -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.modeBackgroundDialogColor
+    radius  : Variables.alarmDialogRadius
 
+
     signal muteClicked()
     signal minimizeClicked()
     signal listClicked()
@@ -90,7 +93,7 @@
     }
 
     Rectangle { id: _descriptionRect
-        color   : Colors.offWhite
+        color   : Colors.modeBackgroundDialogColor
         clip    : true
 
         anchors {
@@ -101,19 +104,20 @@
             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
-                topMargin   : Variables.defaultMargin
+                top         : _autoStepController.bottom
+                topMargin   : Variables.defaultMargin * 2
                 bottom      : parent.bottom
                 left        : parent.left
                 leftMargin  : Variables.defaultMargin * 4
@@ -131,19 +135,19 @@
                 clip    : true
 
                 Rectangle { id: _stepRect
-                    height  : 40
+                    height  : 50
                     width   : height
                     radius  : height
-                    color   : _delegateControl.ListView.isCurrentItem  ?  Colors.backgroundMainMenu : Colors.offWhite
+                    color   : _delegateControl.ListView.isCurrentItem  ?  Colors.modeButtonColor : Colors.modeAlarmStepButtonColor
                     border {
-                        color: Colors.backgroundMainMenu
+                        color: Colors.modeButtonColor
                         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.modeBackgroundColor :  Colors.modeButtonColor
                         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
                 }
@@ -206,7 +210,7 @@
             leftMargin      : Variables.defaultMargin * 4
         }
 
-        color   : "#FFECEC"
+        color   : Colors.modeAlarmStopStateColor
         radius  : height
 
         Text { id: _astrix
@@ -228,11 +232,10 @@
                 left: _astrix.right
             }
 
-            color   : "black"
-            text    :  qsTr("Rinseback will not be allowed in:")
+            color   : Colors.modeTextColor
+            text    :  qsTr("Return Blood will not be allowed in:")
             font.pixelSize  : 25
             font.weight     : Font.Medium
-
         }
 
         TimeText { id: _timeoutText
@@ -275,60 +278,64 @@
             onPressed   : resumeClicked()
             text.text   : qsTr("Resume")
             width       : _buttonGroup.buttonsWidth
-            isDefault   : true
-            backgroundColor: Colors.white
-            fgColor     : isPressed ? Colors.white : borderColor
+            isDefault   : Colors.darkMode
+            backgroundColor: Colors.transparent
+            fgColor     : isPressed ? Colors.offWhite : Colors.modeAlarmButtonPressedColor
             selectColor : Qt.darker(borderColor, 1.15)
             pixelSize   : Fonts.fontPixelNotification
-            borderColor : Colors.alarmButton
+            borderColor : Colors.modeAlarmButtonColor
         }
 
         TouchRect { id  : _temporaryBreak
             visible     : temporaryBreakVisible
             onPressed   : temporaryBreakClicked()
             text.text   : qsTr("Temporary Break")
             width       : _buttonGroup.buttonsWidth
-            backgroundColor: Colors.white
-            fgColor     : isPressed ? Colors.white : borderColor
+            isDefault   : Colors.darkMode
+            backgroundColor: Colors.transparent
+            fgColor     : isPressed ? Colors.offWhite : Colors.modeAlarmButtonPressedColor
             selectColor : Qt.darker(borderColor, 1.15)
             pixelSize   : Fonts.fontPixelNotification
-            borderColor : Colors.alarmButton
+            borderColor : Colors.modeAlarmButtonColor
         }
 
         TouchRect { id  : _rinsebackTouchRect
             visible     : rinsebackVisible
             onPressed   : rinsebackClicked()
             text.text   : qsTr("Return Blood & End Treatment")
             width       : _buttonGroup.buttonsWidth
-            backgroundColor: Colors.white
-            fgColor     : isPressed ? Colors.white : borderColor
+            isDefault   : Colors.darkMode
+            backgroundColor: Colors.transparent
+            fgColor     : isPressed ? Colors.offWhite : Colors.modeAlarmButtonPressedColor
             selectColor : Qt.darker(borderColor, 1.15)
             pixelSize   : Fonts.fontPixelNotification
-            borderColor : Colors.alarmButton
+            borderColor : Colors.modeAlarmButtonColor
         }
 
         TouchRect { id  : _endTouchRect
             visible     : endVisible
             onPressed   : endClicked()
             text.text   : qsTr("End Treatment Only")
             width       : _buttonGroup.buttonsWidth
-            backgroundColor: Colors.white
-            fgColor     : isPressed ? Colors.white : borderColor
+            isDefault   : Colors.darkMode
+            backgroundColor: Colors.transparent
+            fgColor     : isPressed ? Colors.offWhite : Colors.modeAlarmButtonPressedColor
             selectColor : Qt.darker(borderColor, 1.15)
             pixelSize   : Fonts.fontPixelNotification
-            borderColor : Colors.alarmButton
+            borderColor : Colors.modeAlarmButtonColor
         }
 
         TouchRect { id  : _okTouchRect
             visible     : okVisible
             onPressed   : okClicked()
             text.text   : qsTr("OK")
             width       : _buttonGroup.buttonsWidth
-            backgroundColor: Colors.white
-            fgColor     : isPressed ? Colors.white : borderColor
+            isDefault   : Colors.darkMode
+            backgroundColor: Colors.transparent
+            fgColor     : isPressed ? Colors.offWhite : Colors.modeAlarmButtonPressedColor
             selectColor : Qt.darker(borderColor, 1.15)
             pixelSize   : Fonts.fontPixelNotification
-            borderColor : Colors.alarmButton
+            borderColor : Colors.modeAlarmButtonColor
         }
     }
 
@@ -341,7 +348,7 @@
             leftMargin  : Variables.defaultMargin * 3
             bottomMargin: Variables.defaultMargin
         }
-        color           : Colors.alarmDialogGreyText
+        color           : Colors.modeAlarmListColor
         font.pixelSize  : Fonts.fontPixelAlarmID
     }