1786272104

dashboard/build.rs

@@ -2,7 +2,7 @@ fn main() {
     slint_build::compile_with_config(
         "ui/main.slint",
         slint_build::CompilerConfiguration::new()
-            .with_style("material-light".into())
+            .with_style("material".into())
             .embed_resources(slint_build::EmbedResourcesKind::EmbedFiles),
     )
     .unwrap();

dashboard/ui/main.slint

@@ -44,6 +44,12 @@ export struct DateTimeData {
 component Clock {
     in property <DateTimeData> date-time;
 
+    TouchArea {
+        clicked => {
+            Palette.color-scheme = Palette.color-scheme == ColorScheme.dark ? ColorScheme.light : ColorScheme.dark;
+        }
+    }
+
     VerticalLayout {
         alignment: center;
         padding-left: 5px;
@@ -117,6 +123,7 @@ component LightTile inherits Rectangle {
 }
 
 export component AppWindow inherits Window {
+
     title: "Dashboard";
     width: 1024px;
     height: 600px;