diff --git a/src/FlightDisplay/FlightDisplayView.qml b/src/FlightDisplay/FlightDisplayView.qml
index d66428385e64a468db0ed0e7a899ce27c85b61e2..85faa00b0efe911bef2aa2ba47cc38282b615ba9 100644
--- a/src/FlightDisplay/FlightDisplayView.qml
+++ b/src/FlightDisplay/FlightDisplayView.qml
@@ -245,6 +245,8 @@ QGCView {
             anchors.horizontalCenter:   widgetsLoader.horizontalCenter
             source:                     "qrc:/qml/VirtualJoystick.qml"
             active:                     QGroundControl.virtualTabletJoystick
+
+            property bool useLightColors: root.isBackgroundDark
         }
     }
 }
diff --git a/src/FlightDisplay/VirtualJoystick.qml b/src/FlightDisplay/VirtualJoystick.qml
index 25702921bcb0125ba3fb5283f8f0f0e6687901b9..07248d6df162d007ab36bc99a29a79df586ebca9 100644
--- a/src/FlightDisplay/VirtualJoystick.qml
+++ b/src/FlightDisplay/VirtualJoystick.qml
@@ -17,7 +17,7 @@ import QGroundControl.Palette       1.0
 import QGroundControl.Vehicle       1.0
 
 Item {
-    QGCMapPalette { id: mapPal; lightColors: !isBackgroundDark }
+    //property bool useLightColors - Must be passed in from loaded
 
     Timer {
         interval:   40  // 25Hz, same as real joystick rate
@@ -39,7 +39,7 @@ Item {
         width:                  parent.height
         height:                 parent.height
         yAxisThrottle:          true
-        lightColors:            !isBackgroundDark
+        lightColors:            useLightColors
     }
 
     JoystickThumbPad {
@@ -50,6 +50,6 @@ Item {
         anchors.bottom:         parent.bottom
         width:                  parent.height
         height:                 parent.height
-        lightColors:            !isBackgroundDark
+        lightColors:            useLightColors
     }
 }