diff --git a/bob/dls_class.bcf b/bob/dls_class.bcf
index 4c9081e..15f6c02 100644
--- a/bob/dls_class.bcf
+++ b/bob/dls_class.bcf
@@ -1,4 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
+<!--Saved on 2026-03-26 08:47:59 by uns32131-->
 <display version="2.0.0">
   <name>Widget Classes</name>
   <y use_class="true">0</y>
@@ -6,6 +7,32 @@
     <color name="Read_Background" red="240" green="240" blue="240">
     </color>
   </background_color>
+  <rules use_class="true">
+    <rule name="darkmode" prop_id="background_color" out_exp="false">
+      <exp bool_exp="pv0==1">
+        <value>
+          <color red="44" green="44" blue="48">
+          </color>
+        </value>
+      </exp>
+      <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+    </rule>
+  </rules>
+  <widget type="rectangle" version="2.0.0">
+    <name>Rectangle</name>
+    <x>790</x>
+    <y>810</y>
+    <width>1670</width>
+    <height>1110</height>
+    <line_color use_class="true">
+      <color red="0" green="0" blue="255">
+      </color>
+    </line_color>
+    <background_color use_class="true">
+      <color red="44" green="44" blue="48">
+      </color>
+    </background_color>
+  </widget>
   <widget type="action_button" version="3.0.0">
     <name>DEFAULT</name>
     <x>230</x>
@@ -24,6 +51,14 @@
       <color red="29" green="41" blue="69">
       </color>
     </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
     <tooltip>$(actions)</tooltip>
   </widget>
   <widget type="action_button" version="3.0.0">
@@ -44,10 +79,18 @@
       <color red="255" green="255" blue="255">
       </color>
     </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE_PV"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
     <tooltip>$(actions)</tooltip>
   </widget>
   <widget type="label" version="2.0.0">
-    <name>TITLE</name>
+    <name>DEFAULT_1</name>
     <text>Header 1</text>
     <width>180</width>
     <height>38</height>
@@ -67,9 +110,17 @@
     <vertical_alignment use_class="true">0</vertical_alignment>
     <rotation_step use_class="true">0</rotation_step>
     <wrap_words use_class="true">true</wrap_words>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE_1"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="label" version="2.0.0">
-    <name>Label_1</name>
+    <name>DEFAULT_2</name>
     <text>Header 2</text>
     <x>450</x>
     <y>60</y>
@@ -91,9 +142,17 @@
     <vertical_alignment use_class="true">0</vertical_alignment>
     <rotation_step use_class="true">0</rotation_step>
     <wrap_words use_class="true">true</wrap_words>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE_2"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="label" version="2.0.0">
-    <name>Label_2</name>
+    <name>DEFAULT_3</name>
     <text>Header 3</text>
     <x>450</x>
     <y>110</y>
@@ -115,6 +174,14 @@
     <vertical_alignment use_class="true">0</vertical_alignment>
     <rotation_step use_class="true">0</rotation_step>
     <wrap_words use_class="true">true</wrap_words>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE_3"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="label" version="2.0.0">
     <name>DEFAULT</name>
@@ -138,6 +205,14 @@
     <vertical_alignment use_class="true">0</vertical_alignment>
     <rotation_step use_class="true">0</rotation_step>
     <wrap_words use_class="true">true</wrap_words>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="textentry" version="3.0.0">
     <name>DEFAULT</name>
@@ -161,6 +236,14 @@
     <show_units use_class="true">true</show_units>
     <horizontal_alignment use_class="true">1</horizontal_alignment>
     <vertical_alignment use_class="true">1</vertical_alignment>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
     <enabled use_class="true">true</enabled>
     <border_width use_class="true">1</border_width>
     <border_color use_class="true">
@@ -190,6 +273,14 @@
     <show_units use_class="true">true</show_units>
     <horizontal_alignment use_class="true">1</horizontal_alignment>
     <vertical_alignment use_class="true">1</vertical_alignment>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
     <enabled use_class="true">false</enabled>
     <border_width use_class="true">2</border_width>
     <border_color use_class="true">
@@ -215,6 +306,14 @@
       <font family="Arial" style="REGULAR" size="14.0">
       </font>
     </font>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="slide_button" version="2.0.0">
     <name>DEFAULT</name>
@@ -239,8 +338,16 @@
       <color red="29" green="41" blue="69">
       </color>
     </foreground_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
-  <widget type="group" version="2.0.0">
+  <widget type="group" version="3.0.0">
     <name>DEFAULT</name>
     <x>20</x>
     <y>260</y>
@@ -255,10 +362,22 @@
       <color red="29" green="41" blue="69">
       </color>
     </foreground_color>
+    <line_color>
+      <color red="29" green="41" blue="69">
+      </color>
+    </line_color>
     <background_color use_class="true">
       <color name="Read_Background" red="240" green="240" blue="240">
       </color>
     </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="choice" version="2.0.0">
     <name>DEFAULT</name>
@@ -280,6 +399,14 @@
       <color name="Background" red="255" green="255" blue="255">
       </color>
     </selected_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
     <items>
       <item>Item 1</item>
       <item>Item 2</item>
@@ -305,6 +432,14 @@
     </background_color>
     <horizontal_alignment use_class="true">1</horizontal_alignment>
     <vertical_alignment use_class="true">1</vertical_alignment>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
     <border_color use_class="true">
       <color red="196" green="196" blue="196">
       </color>
@@ -332,6 +467,14 @@
       <font family="Arial" style="REGULAR" size="14.0">
       </font>
     </font>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="table" version="2.0.0">
     <name>DEFAULT</name>
@@ -369,6 +512,14 @@
         <editable>true</editable>
       </column>
     </columns>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="byte_monitor" version="2.0.0">
     <name>DEFAULT</name>
@@ -391,6 +542,14 @@
       <font name="Default" family="Liberation Sans" style="REGULAR" size="14.0">
       </font>
     </font>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="bool_button" version="2.0.0">
     <name>DEFAULT</name>
@@ -419,6 +578,14 @@
       <color red="29" green="41" blue="69">
       </color>
     </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="bool_button" version="2.0.0">
     <name>DEFAULT</name>
@@ -447,6 +614,14 @@
       <color red="255" green="255" blue="255">
       </color>
     </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="progressbar" version="2.0.0">
     <name>DEFAULT</name>
@@ -462,6 +637,14 @@
       <color red="250" green="250" blue="250">
       </color>
     </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="image" version="2.0.0">
     <name>DEFAULT</name>
@@ -506,12 +689,14 @@
         </font>
       </scale_font>
     </y_axis>
-  </widget>
-  <widget type="symbol" version="2.0.0">
-    <name>DEFAULT</name>
-    <x>30</x>
-    <y>620</y>
-    <fallback_symbol use_class="true">https://cs-web-symbol.diamond.ac.uk/catalogue/default_symbol.png</fallback_symbol>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="combo" version="2.0.0">
     <name>DEFAULT</name>
@@ -532,6 +717,14 @@
       <color name="Background" red="255" green="255" blue="255">
       </color>
     </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
     <items>
       <item>Item 1</item>
       <item>Item 2</item>
@@ -542,10 +735,18 @@
   </widget>
   <widget type="radio" version="2.0.0">
     <name>DEFAULT</name>
-    <x>910</x>
-    <y>480</y>
+    <x>820</x>
+    <y>260</y>
     <width>130</width>
     <height>100</height>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
     <items>
       <item>Item 1</item>
       <item>Item 2</item>
@@ -561,6 +762,14 @@
       <color red="29" green="41" blue="69">
       </color>
     </foreground_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="xyplot" version="3.0.0">
     <name>DEFAULT</name>
@@ -572,11 +781,19 @@
       <color red="29" green="41" blue="69">
       </color>
     </foreground_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="led" version="2.0.0">
     <name>ERROR</name>
-    <x>860</x>
-    <y>230</y>
+    <x>800</x>
+    <y>117</y>
     <width>40</width>
     <height>40</height>
     <off_color use_class="true">
@@ -587,11 +804,19 @@
       <color name="MAJOR" red="255" green="0" blue="0">
       </color>
     </on_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="led" version="2.0.0">
     <name>GOOD_BAD</name>
-    <x>920</x>
-    <y>230</y>
+    <x>860</x>
+    <y>117</y>
     <width>40</width>
     <height>40</height>
     <off_color use_class="true">
@@ -602,11 +827,19 @@
       <color red="0" green="222" blue="0">
       </color>
     </on_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="led" version="2.0.0">
     <name>ON_OFF</name>
-    <x>980</x>
-    <y>230</y>
+    <x>920</x>
+    <y>117</y>
     <width>40</width>
     <height>40</height>
     <off_color use_class="true">
@@ -617,11 +850,19 @@
       <color red="76" green="100" blue="171">
       </color>
     </on_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="led" version="2.0.0">
     <name>WARNING</name>
-    <x>1040</x>
-    <y>230</y>
+    <x>920</x>
+    <y>167</y>
     <width>40</width>
     <height>40</height>
     <off_color use_class="true">
@@ -632,13 +873,29 @@
       <color name="Attention" red="255" green="160" blue="0">
       </color>
     </on_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="multi_state_led" version="2.0.0">
     <name>DEFAULT</name>
-    <x>860</x>
-    <y>280</y>
+    <x>800</x>
+    <y>167</y>
     <width>40</width>
     <height>40</height>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
     <states use_class="true">
       <state use_class="true">
         <value use_class="true">0</value>
@@ -664,10 +921,18 @@
   </widget>
   <widget type="multi_state_led" version="2.0.0">
     <name>GOOD_BAD_ERROR</name>
-    <x>920</x>
-    <y>280</y>
+    <x>860</x>
+    <y>167</y>
     <width>40</width>
     <height>40</height>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
     <states use_class="true">
       <state use_class="true">
         <value use_class="true">0</value>
@@ -692,9 +957,9 @@
     </fallback_color>
   </widget>
   <widget type="label" version="2.0.0">
-    <name>COMMENT</name>
-    <x>860</x>
-    <y>150</y>
+    <name>DEFAULT_4</name>
+    <x>800</x>
+    <y>37</y>
     <width>140</width>
     <height>60</height>
     <font use_class="true">
@@ -709,13 +974,987 @@
       <color name="Transparent" red="255" green="255" blue="255" alpha="0">
       </color>
     </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE_4"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
   </widget>
   <widget type="label" version="2.0.0">
-    <name>Label</name>
+    <name>DEFAULT_5</name>
     <text>Label</text>
-    <x>860</x>
-    <y>133</y>
+    <x>920</x>
+    <y>48</y>
     <width>90</width>
     <height>60</height>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE_5"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="action_button" version="3.0.0">
+    <name>DARKMODE</name>
+    <x>1111</x>
+    <y>858</y>
+    <width>170</width>
+    <height>40</height>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="153" green="153" blue="169">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color red="23" green="68" blue="169">
+      </color>
+    </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+    <tooltip>$(actions)</tooltip>
+  </widget>
+  <widget type="action_button" version="3.0.0">
+    <name>DARKMODE_PV</name>
+    <x>1111</x>
+    <y>918</y>
+    <width>170</width>
+    <height>40</height>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="153" green="153" blue="169">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color red="26" green="29" blue="38">
+      </color>
+    </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE_PV"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+    <tooltip>$(actions)</tooltip>
+  </widget>
+  <widget type="label" version="2.0.0">
+    <name>DARKMODE_1</name>
+    <text>Header 1</text>
+    <x>881</x>
+    <y>848</y>
+    <width>180</width>
+    <height>38</height>
+    <font use_class="true">
+      <font family="Arial" style="BOLD" size="22.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color name="Transparent" red="255" green="255" blue="255" alpha="0">
+      </color>
+    </background_color>
+    <horizontal_alignment use_class="true">0</horizontal_alignment>
+    <vertical_alignment use_class="true">0</vertical_alignment>
+    <rotation_step use_class="true">0</rotation_step>
+    <wrap_words use_class="true">true</wrap_words>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE_1"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="label" version="2.0.0">
+    <name>DARKMODE_2</name>
+    <text>Header 2</text>
+    <x>1331</x>
+    <y>908</y>
+    <width>124</width>
+    <height>23</height>
+    <font use_class="true">
+      <font family="Arial" style="BOLD" size="24.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color name="Transparent" red="255" green="255" blue="255" alpha="0">
+      </color>
+    </background_color>
+    <horizontal_alignment use_class="true">0</horizontal_alignment>
+    <vertical_alignment use_class="true">0</vertical_alignment>
+    <rotation_step use_class="true">0</rotation_step>
+    <wrap_words use_class="true">true</wrap_words>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE_2"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="label" version="2.0.0">
+    <name>DARKMODE_3</name>
+    <text>Header 3</text>
+    <x>1331</x>
+    <y>958</y>
+    <width>124</width>
+    <height>23</height>
+    <font use_class="true">
+      <font family="Arial" style="BOLD" size="18.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color name="Transparent" red="255" green="255" blue="255" alpha="0">
+      </color>
+    </background_color>
+    <horizontal_alignment use_class="true">0</horizontal_alignment>
+    <vertical_alignment use_class="true">0</vertical_alignment>
+    <rotation_step use_class="true">0</rotation_step>
+    <wrap_words use_class="true">true</wrap_words>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE_3"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="label" version="2.0.0">
+    <name>DARKMODE</name>
+    <text>Label</text>
+    <x>1331</x>
+    <y>998</y>
+    <width>116</width>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color name="Background" red="255" green="255" blue="255">
+      </color>
+    </background_color>
+    <horizontal_alignment use_class="true">0</horizontal_alignment>
+    <vertical_alignment use_class="true">0</vertical_alignment>
+    <rotation_step use_class="true">0</rotation_step>
+    <wrap_words use_class="true">true</wrap_words>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="textentry" version="3.0.0">
+    <name>DARKMODE</name>
+    <x>901</x>
+    <y>1398</y>
+    <width>340</width>
+    <height>40</height>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color red="26" green="29" blue="38">
+      </color>
+    </background_color>
+    <precision use_class="true">-1</precision>
+    <show_units use_class="true">true</show_units>
+    <horizontal_alignment use_class="true">1</horizontal_alignment>
+    <vertical_alignment use_class="true">1</vertical_alignment>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+    <enabled use_class="true">true</enabled>
+    <border_width use_class="true">1</border_width>
+    <border_color use_class="true">
+      <color red="184" green="195" blue="223">
+      </color>
+    </border_color>
+  </widget>
+  <widget type="textentry" version="3.0.0">
+    <name>DARKMODE</name>
+    <x>901</x>
+    <y>1348</y>
+    <width>340</width>
+    <height>40</height>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="255" green="255" blue="255">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color red="26" green="28" blue="38" alpha="191">
+      </color>
+    </background_color>
+    <precision use_class="true">-1</precision>
+    <show_units use_class="true">true</show_units>
+    <horizontal_alignment use_class="true">1</horizontal_alignment>
+    <vertical_alignment use_class="true">1</vertical_alignment>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+    <enabled use_class="true">true</enabled>
+    <border_width use_class="true">2</border_width>
+    <border_color use_class="true">
+      <color red="184" green="195" blue="223">
+      </color>
+    </border_color>
+  </widget>
+  <widget type="led" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>971</x>
+    <y>878</y>
+    <width>40</width>
+    <height>40</height>
+    <off_color use_class="true">
+      <color red="223" green="232" blue="237">
+      </color>
+    </off_color>
+    <on_color use_class="true">
+      <color red="50" green="193" blue="218">
+      </color>
+    </on_color>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="slide_button" version="2.0.0">
+    <name>DARKMODE</name>
+    <pv_name>Label</pv_name>
+    <x>1551</x>
+    <y>868</y>
+    <width>78</width>
+    <height>20</height>
+    <off_color use_class="true">
+      <color red="28" green="30" blue="38">
+      </color>
+    </off_color>
+    <on_color use_class="true">
+      <color red="85" green="124" blue="210">
+      </color>
+    </on_color>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="group" version="3.0.0">
+    <name>DARKMODE</name>
+    <x>901</x>
+    <y>1108</y>
+    <width>340</width>
+    <height>220</height>
+    <style use_class="true">0</style>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="15.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <line_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </line_color>
+    <background_color use_class="true">
+      <color red="26" green="29" blue="38">
+      </color>
+    </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="choice" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>1511</x>
+    <y>896</y>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="153" green="153" blue="169">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color red="26" green="29" blue="38">
+      </color>
+    </background_color>
+    <selected_color use_class="true">
+      <color red="50" green="193" blue="218">
+      </color>
+    </selected_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+    <items>
+      <item>Item 1</item>
+      <item>Item 2</item>
+    </items>
+  </widget>
+  <widget type="textupdate" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>1481</x>
+    <y>958</y>
+    <width>170</width>
+    <height>30</height>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color name="Text" red="0" green="0" blue="0">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color red="144" green="155" blue="183">
+      </color>
+    </background_color>
+    <horizontal_alignment use_class="true">1</horizontal_alignment>
+    <vertical_alignment use_class="true">1</vertical_alignment>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+    <border_color use_class="true">
+      <color red="196" green="196" blue="196">
+      </color>
+    </border_color>
+  </widget>
+  <widget type="tabs" version="2.0.0">
+    <name>DARKMODE</name>
+    <tabs>
+      <tab>
+        <name>Tab 1</name>
+        <children>
+        </children>
+      </tab>
+      <tab>
+        <name>Tab 2</name>
+        <children>
+        </children>
+      </tab>
+    </tabs>
+    <x>1256</x>
+    <y>1038</y>
+    <width>405</width>
+    <height>150</height>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <background_color use_class="true">
+      <color red="26" green="29" blue="38">
+      </color>
+    </background_color>
+    <active_tab>1</active_tab>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="table" version="2.0.0">
+    <name>DARKMODE</name>
+    <pv_name>11</pv_name>
+    <x>1301</x>
+    <y>1208</y>
+    <width>345</width>
+    <height>212</height>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="170" green="173" blue="193">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color red="26" green="29" blue="38">
+      </color>
+    </background_color>
+    <columns>
+      <column>
+        <name>Column 1</name>
+        <width>112</width>
+        <editable>true</editable>
+      </column>
+      <column>
+        <name>Column 2</name>
+        <width>112</width>
+        <editable>true</editable>
+      </column>
+      <column>
+        <name>Column 3</name>
+        <width>112</width>
+        <editable>true</editable>
+      </column>
+    </columns>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="byte_monitor" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>911</x>
+    <y>931</y>
+    <off_color use_class="true">
+      <color red="237" green="237" blue="237">
+      </color>
+    </off_color>
+    <on_color use_class="true">
+      <color name="Write_Background" red="128" green="255" blue="255">
+      </color>
+    </on_color>
+    <foreground_color use_class="true">
+      <color name="Text" red="0" green="0" blue="0">
+      </color>
+    </foreground_color>
+    <font use_class="true">
+      <font name="Default" family="Liberation Sans" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="bool_button" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>911</x>
+    <y>981</y>
+    <width>184</width>
+    <height>40</height>
+    <off_label>Primary button</off_label>
+    <off_color use_class="true">
+      <color red="237" green="237" blue="237">
+      </color>
+    </off_color>
+    <on_color use_class="true">
+      <color red="56" green="206" blue="56">
+      </color>
+    </on_color>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="153" green="153" blue="169">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color red="23" green="68" blue="169">
+      </color>
+    </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="bool_button" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>911</x>
+    <y>1048</y>
+    <width>184</width>
+    <height>40</height>
+    <off_label>Secondary button</off_label>
+    <off_color use_class="true">
+      <color red="185" green="212" blue="211">
+      </color>
+    </off_color>
+    <on_color use_class="true">
+      <color red="11" green="112" blue="193">
+      </color>
+    </on_color>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="153" green="154" blue="169">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color red="26" green="29" blue="38">
+      </color>
+    </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="progressbar" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>1421</x>
+    <y>998</y>
+    <width>225</width>
+    <height>40</height>
+    <fill_color use_class="true">
+      <color red="28" green="68" blue="169">
+      </color>
+    </fill_color>
+    <background_color use_class="true">
+      <color red="26" green="29" blue="38">
+      </color>
+    </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="image" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>1256</x>
+    <y>1438</y>
+    <background_color use_class="true">
+      <color red="19" green="21" blue="28">
+      </color>
+    </background_color>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <color_map use_class="true">
+      <name>VIRIDIS</name>
+    </color_map>
+    <x_axis>
+      <visible>true</visible>
+      <title>X</title>
+      <minimum>0.0</minimum>
+      <maximum>100.0</maximum>
+      <title_font>
+        <font family="Arial" style="BOLD" size="14.0">
+        </font>
+      </title_font>
+      <scale_font>
+        <font name="Default" family="Liberation Sans" style="REGULAR" size="14.0">
+        </font>
+      </scale_font>
+    </x_axis>
+    <y_axis>
+      <visible>true</visible>
+      <title>Y</title>
+      <minimum>0.0</minimum>
+      <maximum>100.0</maximum>
+      <title_font>
+        <font family="Arial" style="BOLD" size="14.0">
+        </font>
+      </title_font>
+      <scale_font>
+        <font name="Default" family="Liberation Sans" style="REGULAR" size="14.0">
+        </font>
+      </scale_font>
+    </y_axis>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="symbol" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>911</x>
+    <y>1468</y>
+    <background_color use_class="true">
+      <color red="23" green="68" blue="169">
+      </color>
+    </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+    <tooltip>$(pv_name)
+$(pv_value)
+$(actions)</tooltip>
+    <fallback_symbol use_class="true">https://cs-web-symbol.diamond.ac.uk/catalogue/default_symbol.png</fallback_symbol>
+  </widget>
+  <widget type="combo" version="2.0.0">
+    <name>DARKMODE</name>
+    <pv_name>PREFIX:PVI_GENERATED:COMBO-BOX-1</pv_name>
+    <x>901</x>
+    <y>1598</y>
+    <width>231</width>
+    <height>40</height>
+    <font use_class="true">
+      <font family="Arial" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color red="26" green="29" blue="38">
+      </color>
+    </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+    <items>
+      <item>Item 1</item>
+      <item>Item 2</item>
+    </items>
+    <items_from_pv>false</items_from_pv>
+    <editable>true</editable>
+    <confirm_message>Are you sure?</confirm_message>
+  </widget>
+  <widget type="radio" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>1791</x>
+    <y>1328</y>
+    <width>130</width>
+    <height>100</height>
+    <font use_class="true">
+      <font name="Default" family="Liberation Sans" style="REGULAR" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+    <items>
+      <item>Item 1</item>
+      <item>Item 2</item>
+    </items>
+  </widget>
+  <widget type="checkbox" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>1031</x>
+    <y>1468</y>
+    <width>120</width>
+    <height>30</height>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="xyplot" version="3.0.0">
+    <name>DARKMODE</name>
+    <x>901</x>
+    <y>1648</y>
+    <width>230</width>
+    <height>240</height>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color red="19" green="21" blue="28">
+      </color>
+    </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+    <y_axes>
+      <y_axis>
+        <title>Y</title>
+        <autoscale>false</autoscale>
+        <log_scale>false</log_scale>
+        <minimum>0.0</minimum>
+        <maximum>100.0</maximum>
+        <show_grid>false</show_grid>
+        <title_font>
+          <font name="Default Bold" family="Liberation Sans" style="BOLD" size="14.0">
+          </font>
+        </title_font>
+        <scale_font>
+          <font name="Default" family="Liberation Sans" style="REGULAR" size="14.0">
+          </font>
+        </scale_font>
+        <on_right>false</on_right>
+        <visible>true</visible>
+        <color>
+          <color red="233" green="233" blue="233">
+          </color>
+        </color>
+      </y_axis>
+    </y_axes>
+  </widget>
+  <widget type="label" version="2.0.0">
+    <name>DARKMODE_4</name>
+    <x>1721</x>
+    <y>958</y>
+    <width>140</width>
+    <height>60</height>
+    <font use_class="true">
+      <font family="Arial" style="BOLD" size="14.0">
+      </font>
+    </font>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color name="Transparent" red="255" green="255" blue="255" alpha="0">
+      </color>
+    </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="label" version="2.0.0">
+    <name>DARKMODE_5</name>
+    <text>Label</text>
+    <x>1731</x>
+    <y>931</y>
+    <width>90</width>
+    <height>60</height>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE_5"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="navtabs" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>1711</x>
+    <y>1420</y>
+    <selected_color use_class="true">
+      <color red="36" green="39" blue="48">
+      </color>
+    </selected_color>
+    <deselected_color use_class="true">
+      <color red="26" green="29" blue="38">
+      </color>
+    </deselected_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+  </widget>
+  <widget type="meter" version="3.0.0">
+    <name>DARKMODE</name>
+    <x>1961</x>
+    <y>1218</y>
+    <foreground_color use_class="true">
+      <color red="233" green="233" blue="233">
+      </color>
+    </foreground_color>
+    <background_color use_class="true">
+      <color red="26" green="28" blue="38">
+      </color>
+    </background_color>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="class" out_exp="true">
+        <exp bool_exp="pv0==1">
+          <expression>"DARKMODE"</expression>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+    <needle_color use_class="true">
+      <color red="255" green="0" blue="0">
+      </color>
+    </needle_color>
+    <knob_color use_class="true">
+      <color red="0" green="0" blue="0">
+      </color>
+    </knob_color>
+  </widget>
+  <widget type="polyline" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>1680</x>
+    <y>1060</y>
+    <width>300</width>
+    <height>50</height>
+    <points>
+      <point x="150.0" y="50.0">
+      </point>
+      <point x="0.0" y="50.0">
+      </point>
+      <point x="300.0" y="0.0">
+      </point>
+      <point x="150.0" y="50.0">
+      </point>
+    </points>
+    <line_color use_class="true">
+      <color red="51" green="60" blue="100">
+      </color>
+    </line_color>
+  </widget>
+  <widget type="symbol" version="2.0.0">
+    <name>CAMERA</name>
+    <pv_name use_class="true"></pv_name>
+    <symbols use_class="true">
+      <symbol use_class="true">techui-support/symbols/camera-1.svg</symbol>
+    </symbols>
+    <x>1760</x>
+    <y>1170</y>
+    <rules use_class="true">
+      <rule name="darkmode" prop_id="symbols[0]" out_exp="false">
+        <exp bool_exp="pv0==1">
+          <value>techui-support/symbols/camera-1_darkmode.svg</value>
+        </exp>
+        <pv_name>loc://darkmode&lt;VDouble&gt;</pv_name>
+      </rule>
+    </rules>
+    <tooltip>$(pv_name)
+$(pv_value)
+$(actions)</tooltip>
   </widget>
 </display>
diff --git a/symbols/camera-1_darkmode.svg b/symbols/camera-1_darkmode.svg
new file mode 100644
index 0000000..29c2a8a
--- /dev/null
+++ b/symbols/camera-1_darkmode.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.0"
+   id="Layer_1"
+   width="800px"
+   height="800px"
+   viewBox="0 0 64 64"
+   enable-background="new 0 0 64 64"
+   xml:space="preserve"
+   sodipodi:docname="camera-1_darkmode.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
+   id="metadata13"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs11"><filter
+     style="color-interpolation-filters:sRGB;"
+     inkscape:label="Invert"
+     id="filter25"><feColorMatrix
+       values="0 1 0 0 0 1 0 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+       result="fbSourceGraphic"
+       id="feColorMatrix23" /><feColorMatrix
+       result="fbSourceGraphicAlpha"
+       in="fbSourceGraphic"
+       values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+       id="feColorMatrix27" /><feColorMatrix
+       id="feColorMatrix29"
+       values="0 0 1 0 0 0 1 0 0 0 1 0 0 0 0 -0.21 -0.72 -0.07 2 0 "
+       result="fbSourceGraphic"
+       in="fbSourceGraphic" /><feColorMatrix
+       result="fbSourceGraphicAlpha"
+       in="fbSourceGraphic"
+       values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+       id="feColorMatrix31" /><feColorMatrix
+       id="feColorMatrix33"
+       values="0 0 1 0 0 0 1 0 0 0 1 0 0 0 0 -0.21 -0.72 -0.07 2 0 "
+       result="fbSourceGraphic"
+       in="fbSourceGraphic" /><feColorMatrix
+       result="fbSourceGraphicAlpha"
+       in="fbSourceGraphic"
+       values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+       id="feColorMatrix35" /><feColorMatrix
+       id="feColorMatrix37"
+       values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 -0.21 -0.72 -0.07 2 0 "
+       result="fbSourceGraphic"
+       in="fbSourceGraphic" /><feColorMatrix
+       result="fbSourceGraphicAlpha"
+       in="fbSourceGraphic"
+       values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+       id="feColorMatrix39" /><feColorMatrix
+       id="feColorMatrix41"
+       values="1 0 0 0 0 0 0 1 0 0 0 1 0 0 0 -0.21 -0.72 -0.07 2 0 "
+       result="fbSourceGraphic"
+       in="fbSourceGraphic" /><feColorMatrix
+       result="fbSourceGraphicAlpha"
+       in="fbSourceGraphic"
+       values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+       id="feColorMatrix43" /><feColorMatrix
+       id="feColorMatrix45"
+       values="-1 0 0 0 1 0 0 -1 0 1 0 -1 0 0 1 0.21 0.72 0.07 1 0 "
+       result="color2"
+       in="fbSourceGraphic" /></filter></defs><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="3440"
+   inkscape:window-height="1403"
+   id="namedview9"
+   showgrid="false"
+   inkscape:zoom="0.91875"
+   inkscape:cx="400"
+   inkscape:cy="400"
+   inkscape:window-x="0"
+   inkscape:window-y="480"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<g
+   id="g6"
+   style="filter:url(#filter25)">
+	<path
+   fill="#231F20"
+   d="M60,10H49.656l-6.828-6.828C42.078,2.422,41.062,2,40,2H24c-1.062,0-2.078,0.422-2.828,1.172L14.344,10H4   c-2.211,0-4,1.789-4,4v44c0,2.211,1.789,4,4,4h56c2.211,0,4-1.789,4-4V14C64,11.789,62.211,10,60,10z M32,50   c-8.836,0-16-7.164-16-16s7.164-16,16-16s16,7.164,16,16S40.836,50,32,50z"
+   id="path2" />
+	<circle
+   fill="#231F20"
+   cx="32"
+   cy="34"
+   r="8"
+   id="circle4" />
+</g>
+</svg>