diff --git a/bob/dls_class.bcf b/bob/dls_class.bcf
index dc9aae3..1e21a7a 100644
--- a/bob/dls_class.bcf
+++ b/bob/dls_class.bcf
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!--Saved on 2026-08-12 13:53:02 by ryi58813-->
+<!--Saved on 2026-09-04 14:06:32 by uns32131-->
 <display version="2.0.0">
-  <name>Widget Classes</name>
+  <name>DARKMODE</name>
   <y use_class="true">0</y>
   <background_color use_class="true">
-    <color name="Read_Background" red="240" green="240" blue="240">
+    <color red="44" green="44" blue="48">
     </color>
   </background_color>
   <widget type="action_button" version="3.0.0">
@@ -784,4 +784,913 @@ $(actions)</tooltip>
       </color>
     </background_color>
   </widget>
+  <widget type="action_button" version="3.0.0">
+    <name>DARKMODE</name>
+    <x>1491</x>
+    <y>935</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="233" green="233" blue="233">
+      </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>
+    <enabled>false</enabled>
+  </widget>
+  <widget type="label" version="2.0.0">
+    <name>DARKMODE</name>
+    <text>Header 1</text>
+    <x>1261</x>
+    <y>925</y>
+    <width>180</width>
+    <height>38</height>
+    <font>
+      <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>
+    <transparent>false</transparent>
+    <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</name>
+    <text>Header 2</text>
+    <x>1711</x>
+    <y>985</y>
+    <width>124</width>
+    <height>23</height>
+    <font>
+      <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>
+    <transparent>false</transparent>
+    <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</name>
+    <text>Header 3</text>
+    <x>1711</x>
+    <y>1035</y>
+    <width>124</width>
+    <height>23</height>
+    <font>
+      <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>
+    <transparent>false</transparent>
+    <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>1580</x>
+    <y>1058</y>
+    <width>116</width>
+    <font>
+      <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="Transparent" red="255" green="255" blue="255" alpha="0">
+      </color>
+    </background_color>
+    <transparent>false</transparent>
+    <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>1281</x>
+    <y>1475</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="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>1281</x>
+    <y>1425</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>1351</x>
+    <y>955</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>1931</x>
+    <y>945</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>
+      <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>1240</x>
+    <y>1137</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>1891</x>
+    <y>973</y>
+    <font>
+      <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>1861</x>
+    <y>1035</y>
+    <width>170</width>
+    <height>30</height>
+    <font>
+      <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>1636</x>
+    <y>1115</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="byte_monitor" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>1291</x>
+    <y>1008</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>1291</x>
+    <y>1058</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="progressbar" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>1801</x>
+    <y>1075</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>1636</x>
+    <y>1515</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>1291</x>
+    <y>1545</y>
+    <background_color>
+      <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>1281</x>
+    <y>1675</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>2171</x>
+    <y>1405</y>
+    <width>130</width>
+    <height>100</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>
+    <items>
+      <item>Item 1</item>
+      <item>Item 2</item>
+    </items>
+  </widget>
+  <widget type="checkbox" version="2.0.0">
+    <name>DARKMODE</name>
+    <x>1411</x>
+    <y>1545</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>1281</x>
+    <y>1725</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</name>
+    <x>2101</x>
+    <y>1035</y>
+    <width>140</width>
+    <height>60</height>
+    <font>
+      <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>
+    <transparent>false</transparent>
+    <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</name>
+    <text>Label</text>
+    <x>2210</x>
+    <y>1008</y>
+    <width>90</width>
+    <height>60</height>
+    <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>
+    <transparent>false</transparent>
+    <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>2091</x>
+    <y>1497</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>2341</x>
+    <y>1295</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>2060</x>
+    <y>1137</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="255" green="255" blue="255">
+      </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>2140</x>
+    <y>1247</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>
+  <widget type="group" version="3.0.0">
+    <name>DARKMODE</name>
+    <x>1650</x>
+    <y>720</y>
+    <width>260</width>
+    <height>170</height>
+    <style use_class="true">3</style>
+    <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>
+  </widget>
+  <widget type="table" version="2.0.0">
+    <name>DARKMODE</name>
+    <pv_name>11</pv_name>
+    <x>1681</x>
+    <y>1285</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>
 </display>