diff --git a/wayvr/src/assets/gui/screencast.xml b/wayvr/src/assets/gui/screencast.xml
index e3baf388..58d9c8be 100644
--- a/wayvr/src/assets/gui/screencast.xml
+++ b/wayvr/src/assets/gui/screencast.xml
@@ -1,15 +1,15 @@
 <layout>
   <elements>
-    <rectangle width="1280" height="720" padding="10" align_items="center" justify_content="space_evenly" flex_direction="column" color="#000000" color2="#200000" border="2" border_color="#ff0000" gradient="radial">
+    <rectangle width="1280" height="720" padding="10" align_items="center" justify_content="space_evenly" flex_direction="column" color="background" color2="background_variant" border="2" border_color="primary" gradient="radial">
       <div width="100%" align_items="center">
-        <label width="100%" id="status" text="" size="36" align="center" />
+        <label width="100%" id="status" color="secondary" text="" size="36" align="center" />
       </div>
       <div width="100%" align_items="center" flex_direction="column" gap="16">
         <div width="100%" align_items="center">
-          <label width="100%" text="~name" size="48" align="center" />
+          <label width="100%" color="on_background" text="~name" size="48" align="center" />
         </div>
         <div width="100%" align_items="center">
-          <label width="100%" text="~description" size="36" align="center" wrap="1" />
+          <label width="100%" color="on_background_variant" text="~description" size="36" align="center" wrap="1" />
         </div>
       </div>
     </rectangle>