Index: sources/gui/qml/compounds/InstructionView.qml
===================================================================
diff -u -r8f6ecb60abf6d47d4554cfd3019ca496d79b6f69 -r2fc811482a7453b22c2a1d650b06e83869f35670
--- sources/gui/qml/compounds/InstructionView.qml	(.../InstructionView.qml)	(revision 8f6ecb60abf6d47d4554cfd3019ca496d79b6f69)
+++ sources/gui/qml/compounds/InstructionView.qml	(.../InstructionView.qml)	(revision 2fc811482a7453b22c2a1d650b06e83869f35670)
@@ -27,22 +27,22 @@
     property var    stepNames       : []
     property var    stepImages      : []
     property int    currentIndex    : 0
+    property bool   showAutoStep    : true
+    property bool   darkModeOnly    : false
 
-    color           : _colorMode.modeBackgroundColor
+    color           : _root.darkModeOnly ? Colors.transparent : _colorMode.modeBackgroundColor
     radius          : Variables.alarmDialogRadius
     clip            : true
 
-    onVisibleChanged: if (visible) { _autoStepController.isPlaying = true }
-
     Text { id: _title
         anchors {
             left        : parent.left
             leftMargin  : Variables.defaultMargin * 3 // with current resolution this makes the screen look nice
             top         : parent.top
-            topMargin   : Variables.defaultMargin * 2 // with current resolution this makes the screen look nice
+            topMargin   : _root.showAutoStep ? Variables.defaultMargin * 2 : 0  // with current resolution this makes the screen look nice
         }
         text            : _root.title
-        color           : _colorMode.modeTextColor
+        color           : _root.darkModeOnly ?  Colors.offWhite  : _colorMode.modeTextColor
         font.pixelSize  : Fonts.fontPixelInstructionTitle
         font.weight     : Font.Medium
     }
@@ -61,15 +61,16 @@
                 top         : parent.top
                 topMargin   : Variables.defaultMargin * 2
             }
-            width : parent.width / 2
+            width       : parent.width / 2
+            visible     : _root.showAutoStep
 
             onTriggered : _root.currentIndex = (_root.currentIndex + 1) % _instrutionSteps.count
         }
 
         Column { id: _contentColumn
             anchors {
-                top         : _autoStepController.bottom
-                topMargin   : Variables.defaultMargin * 2.5
+                top         : _root.showAutoStep ? _autoStepController.bottom : parent.top
+                topMargin   : _root.showAutoStep ? Variables.defaultMargin * 2.5 : Variables.defaultMargin
             }
 
             spacing             : 5
@@ -89,16 +90,17 @@
                         height  : 50
                         width   : height
                         radius  : height
-                        color   : index === _root.currentIndex ?  _colorMode.modeButtonColor : _colorMode.modeBackgroundColor
+                        color   : index === _root.currentIndex ? _root.darkModeOnly ? Colors.borderButton :
+                                                                                      _colorMode.modeButtonColor : Colors.transparent
                         border {
-                            color: _colorMode.modeButtonColor
+                            color: _root.darkModeOnly ?  Colors.borderButton : _colorMode.modeButtonColor
                             width: 2
                         }
 
                         Text { id: _stepNumberRect
                             anchors.centerIn: parent
                             text            : index + 1
-                            color           : vSettings.darkMode ? Colors.offWhite : index === _root.currentIndex ? _colorMode.modeBackgroundColor :  _colorMode.modeButtonColor
+                            color           : vSettings.darkMode || _root.darkModeOnly ? Colors.offWhite : index === _root.currentIndex ? _colorMode.modeBackgroundColor : _colorMode.modeButtonColor
                             font.pixelSize  : 28
                             font.weight     : Font.Medium
                         }
@@ -113,7 +115,8 @@
                         }
                         text            : _root.stepNames.length        ? _root.stepNames[index]    : ""
                         font.weight     : index === _root.currentIndex  ? Font.Medium               : Font.Normal
-                        color           : index === _root.currentIndex  ? _colorMode.modeSelctedColor   : _colorMode.modeTextColor
+                        color           : index === _root.currentIndex  ?   _root.darkModeOnly ? Colors.darkModeSelect  : _colorMode.modeSelctedColor :
+                                                                            _root.darkModeOnly ? Colors.offWhite        : _colorMode.modeTextColor
                         wrapMode        : Text.WordWrap
                         font.pixelSize  : Fonts.fontPixelInstructionStep
                     }