Fix dark/light mode

Author: suchmememanyskill

example_configs/simulator.toml

@@ -11,6 +11,6 @@ extruder = [ 200, 240, 280 ]
 heater_bed = [ 60, 70 ]
 
 [ui]
-dark_mode = false
+dark_mode = true
 left_sidebar = ["files", "temperature", "move", "emergency_stop"]
 right_sidebar = ["fan", "macros", "console", "settings"]

src/ui_functions/settings_set_ui_settings.rs

@@ -28,7 +28,12 @@ pub fn register_set_ui_settings(ui : &AppWindow, configuration : &OptionalUiConf
     let left_sidebar: Vec<i32> = configuration.left_sidebar.iter().map(|f| name_to_id(f)).collect();
     let right_sidebar: Vec<i32> = configuration.right_sidebar.iter().map(|f| name_to_id(f)).collect();
 
-    ui.global::<UiSettings>().set_dark_mode(configuration.dark_mode);
+    if configuration.dark_mode {
+        ui.global::<UiSettings>().invoke_set_dark_theme();
+    } else {
+        ui.global::<UiSettings>().invoke_set_light_theme();
+    }
+    
     ui.global::<UiSettings>().set_left_sidebar(ModelRc::new(VecModel::from(left_sidebar)));
     ui.global::<UiSettings>().set_right_sidebar(ModelRc::new(VecModel::from(right_sidebar)));
-}
+} 

ui/main.slint

@@ -15,8 +15,6 @@ import { BottomBarWithStatusMessage } from "components/bottom-bar.slint";
 import { YesNoPrompt } from "components/yes-no-prompt.slint";
 export * from "state.slint";
 
-
-
 component ExtruderPage inherits Page {
     header: "Extruder";
 

ui/state.slint

@@ -68,14 +68,15 @@ export global Utils
 
 export global UiSettings
 {
-    in-out property <bool> dark-mode;
     in-out property <[int]> left-sidebar: [0,1,2,3];
     in-out property <[int]> right-sidebar: [4,5,6,7];
 
-    changed dark-mode => {
-        // TODO: This doesn't work
-        debug("Dark mode changed to ");
-        Palette.color-scheme = dark-mode ? ColorScheme.dark : ColorScheme.light;
+    public function set_dark_theme() {
+        Palette.color-scheme = ColorScheme.dark;
+    }
+
+    public function set_light_theme() {
+        Palette.color-scheme = ColorScheme.light;
     }
 
     out property <[image]> id-to-image: [Icons.print, Icons.temperature, Icons.move, Icons.emergency_stop, Icons.fan, Icons.quick_action, Icons.console, Icons.settings];