diff --git a/scripts/developer/utilities/audio/Jitter.qml b/scripts/developer/utilities/audio/Jitter.qml
index c513f6f92a..04b126584b 100644
--- a/scripts/developer/utilities/audio/Jitter.qml
+++ b/scripts/developer/utilities/audio/Jitter.qml
@@ -27,7 +27,7 @@ ColumnLayout {
         source1: maxWindow
         source2: avgWindow
         color1: "red"
-        color2: "dimgrey"
+        color2: "darkslategrey"
         showGraphs: jitter.showGraphs
     }
     MovingValuePair {
@@ -37,7 +37,7 @@ ColumnLayout {
         source1: max
         source2: avg
         color1: "firebrick"
-        color2: "dimgrey"
+        color2: "darkslategrey"
         showGraphs: jitter.showGraphs
     }
 }
diff --git a/scripts/developer/utilities/audio/MovingValue.qml b/scripts/developer/utilities/audio/MovingValue.qml
index 9acd95e3a6..26fed9319d 100644
--- a/scripts/developer/utilities/audio/MovingValue.qml
+++ b/scripts/developer/utilities/audio/MovingValue.qml
@@ -42,6 +42,7 @@ RowLayout {
 
         valueUnit: value.unit
         valueNumDigits: 0
+        backgroundOpacity: 0.2
 
         plots: [{ binding: "source", color: value.color }]
     }
diff --git a/scripts/developer/utilities/audio/MovingValuePair.qml b/scripts/developer/utilities/audio/MovingValuePair.qml
index 3229b9b6dc..b24ab658d2 100644
--- a/scripts/developer/utilities/audio/MovingValuePair.qml
+++ b/scripts/developer/utilities/audio/MovingValuePair.qml
@@ -71,6 +71,7 @@ RowLayout {
 
         valueUnit: value.unit
         valueNumDigits: 0
+        backgroundOpacity: 0.2
 
         plots: [{ binding: "source1", color: value.color1 }, { binding: "source2", color: value.color2 }]
     }
diff --git a/scripts/developer/utilities/lib/plotperf/PlotPerf.qml b/scripts/developer/utilities/lib/plotperf/PlotPerf.qml
index e61467ffd7..13d9053adf 100644
--- a/scripts/developer/utilities/lib/plotperf/PlotPerf.qml
+++ b/scripts/developer/utilities/lib/plotperf/PlotPerf.qml
@@ -22,6 +22,8 @@ Item {
     // The object used as the default source object for the prop plots
     property var object
 
+    property var backgroundOpacity: 0.6
+
     // Plots is an array of plot descriptor
     // a default plot descriptor expects the following object:
     //     prop: [ {
@@ -185,7 +187,7 @@ Item {
                 ctx.fillText(text, 0, lineHeight);
             }
             function displayBackground(ctx) {
-                ctx.fillStyle = Qt.rgba(0, 0, 0, 0.6);
+                ctx.fillStyle = Qt.rgba(0, 0, 0, root.backgroundOpacity);
                 ctx.fillRect(0, 0, width, height);
                 
                 ctx.strokeStyle= "grey";