Index: sources/gui/qml/dialogs/AlarmDialog.qml
===================================================================
diff -u -rfdddcd8b25b5acc99f8c044c998af0e95752063c -r07d01d133209c35053830f7e55dfa26127c4499b
--- sources/gui/qml/dialogs/AlarmDialog.qml	(.../AlarmDialog.qml)	(revision fdddcd8b25b5acc99f8c044c998af0e95752063c)
+++ sources/gui/qml/dialogs/AlarmDialog.qml	(.../AlarmDialog.qml)	(revision 07d01d133209c35053830f7e55dfa26127c4499b)
@@ -8,7 +8,7 @@
 import "qrc:/components"
 import "qrc:/compounds"
 
-Item { id : _root
+Rectangle { id : _root
 
     property alias titleText            : _title.text
     property alias titlePixelSize       : _title.font.pixelSize
@@ -33,7 +33,10 @@
     property int headerOverlap          : 30
 
     anchors.fill: parent
+    color   : Colors.modeBackgroundDialogColor
+    radius  : Variables.alarmDialogRadius
 
+
     signal muteClicked()
     signal minimizeClicked()
     signal listClicked()
@@ -91,7 +94,7 @@
     }
 
     Rectangle { id: _descriptionRect
-        color   : Colors.offWhite
+        color   : Colors.modeBackgroundDialogColor
         clip    : true
 
         anchors {
@@ -103,20 +106,19 @@
         }
 
         AutoStepController  { id: _autoStepController
-            anchors {
-                left        : parent.left
-                leftMargin  : Variables.defaultMargin * 4
-                top         : parent.top
-                topMargin   : Variables.defaultMargin * 2
-            }
+           anchors {
+               left        : parent.left
+               leftMargin  : Variables.defaultMargin * 4
+               top         : parent.top
+               topMargin   : Variables.defaultMargin * 2
+           }
+           onTriggered : _listView.currentIndex = (_listView.currentIndex + 1) % _listView.count
+       }
 
-            onTriggered : _listView.currentIndex = (_listView.currentIndex + 1) % _listView.count
-        }
-
         ListView {id: _listView
             anchors {
                 top         : _autoStepController.bottom
-                topMargin   : Variables.defaultMargin
+                topMargin   : Variables.defaultMargin * 2
                 bottom      : parent.bottom
                 left        : parent.left
                 leftMargin  : Variables.defaultMargin * 4
@@ -134,19 +136,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
                     }
@@ -172,8 +174,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
                 }
@@ -209,6 +211,9 @@
             leftMargin      : Variables.defaultMargin * 4
         }
 
+        color   : Colors.modeAlarmStopStateColor
+        radius  : height
+
         Text { id: _astrix
             anchors {
                 left: parent.left
@@ -228,7 +233,7 @@
                 left: _astrix.right
             }
 
-            color   : "black"
+            color   : Colors.modeTextColor
             text    :  qsTr("Return Blood will not be allowed in:")
             font.pixelSize  : 25
             font.weight     : Font.Medium
@@ -274,60 +279,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
         }
     }
 
@@ -340,7 +349,7 @@
             leftMargin  : Variables.defaultMargin * 3
             bottomMargin: Variables.defaultMargin
         }
-        color           : Colors.alarmDialogGreyText
+        color           : Colors.modeAlarmListColor
         font.pixelSize  : Fonts.fontPixelAlarmID
     }