Index: sources/gui/qml/compounds/InstructionView.qml
===================================================================
diff -u -r39a514158384c0ad4bfcfb90bafbaa4ca8dc5a26 -r8f6ecb60abf6d47d4554cfd3019ca496d79b6f69
--- sources/gui/qml/compounds/InstructionView.qml	(.../InstructionView.qml)	(revision 39a514158384c0ad4bfcfb90bafbaa4ca8dc5a26)
+++ sources/gui/qml/compounds/InstructionView.qml	(.../InstructionView.qml)	(revision 8f6ecb60abf6d47d4554cfd3019ca496d79b6f69)
@@ -28,7 +28,7 @@
     property var    stepImages      : []
     property int    currentIndex    : 0
 
-    color           : Colors.offWhite
+    color           : _colorMode.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           : _colorMode.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 ?  _colorMode.modeButtonColor : _colorMode.modeBackgroundColor
                         border {
-                            color: Colors.backgroundMainMenu
+                            color: _colorMode.modeButtonColor
                             width: 2
                         }
 
                         Text { id: _stepNumberRect
                             anchors.centerIn: parent
                             text            : index + 1
-                            color           : index === _root.currentIndex ? Colors.offWhite :  Colors.backgroundMainMenu
+                            color           : vSettings.darkMode ? Colors.offWhite : index === _root.currentIndex ? _colorMode.modeBackgroundColor :  _colorMode.modeButtonColor
                             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  ? _colorMode.modeSelctedColor   : _colorMode.modeTextColor
                         wrapMode        : Text.WordWrap
                         font.pixelSize  : Fonts.fontPixelInstructionStep
                     }