From ff19ab383c5fa7c8b3164335ace293bf2aabc865 Mon Sep 17 00:00:00 2001
From: Avii <git@avii.nl>
Date: Fri, 7 Aug 2026 15:21:13 +0200
Subject: [PATCH] 1786108873

---
 ui/main.slint | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/ui/main.slint b/ui/main.slint
index 52f9e88..b9e57b6 100644
--- a/ui/main.slint
+++ b/ui/main.slint
@@ -350,12 +350,12 @@ export component AppWindow inherits Window {
         vertical-alignment: center;
     }
 
-    if root.battery-kind == "battery-charging": Image { image-rendering: smooth; x: 552px; y: 34px; width: 34px; height: 30px; source: @image-url("icons/battery-charging.svg"); image-fit: contain; }
-    if root.battery-kind == "battery-full": Image { image-rendering: smooth; x: 552px; y: 34px; width: 34px; height: 30px; source: @image-url("icons/battery-full.svg"); image-fit: contain; }
-    if root.battery-kind == "battery-medium": Image { image-rendering: smooth; x: 552px; y: 34px; width: 34px; height: 30px; source: @image-url("icons/battery-medium.svg"); image-fit: contain; }
-    if root.battery-kind == "battery-low": Image { image-rendering: smooth; x: 552px; y: 34px; width: 34px; height: 30px; source: @image-url("icons/battery-low.svg"); image-fit: contain; }
-    if root.battery-kind == "battery": Image { image-rendering: smooth; x: 552px; y: 34px; width: 34px; height: 30px; source: @image-url("icons/battery.svg"); image-fit: contain; }
-    if root.battery-kind == "plug": Image { image-rendering: smooth; x: 552px; y: 34px; width: 34px; height: 30px; source: @image-url("icons/plug.svg"); image-fit: contain; }
+    if root.battery-kind == "battery-charging": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 552px; y: 34px; width: 34px; height: 30px; source: @image-url("icons/battery-charging.svg"); image-fit: contain; }
+    if root.battery-kind == "battery-full": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 552px; y: 34px; width: 34px; height: 30px; source: @image-url("icons/battery-full.svg"); image-fit: contain; }
+    if root.battery-kind == "battery-medium": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 552px; y: 34px; width: 34px; height: 30px; source: @image-url("icons/battery-medium.svg"); image-fit: contain; }
+    if root.battery-kind == "battery-low": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 552px; y: 34px; width: 34px; height: 30px; source: @image-url("icons/battery-low.svg"); image-fit: contain; }
+    if root.battery-kind == "battery": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 552px; y: 34px; width: 34px; height: 30px; source: @image-url("icons/battery.svg"); image-fit: contain; }
+    if root.battery-kind == "plug": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 552px; y: 34px; width: 34px; height: 30px; source: @image-url("icons/plug.svg"); image-fit: contain; }
 
     Text {
         x: 590px;
@@ -435,16 +435,16 @@ export component AppWindow inherits Window {
             vertical-alignment: center;
         }
 
-        if root.weather-kind == "sun": Image { image-rendering: smooth; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/sun.svg"); image-fit: contain; }
-        if root.weather-kind == "cloud-sun": Image { image-rendering: smooth; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud-sun.svg"); image-fit: contain; }
-        if root.weather-kind == "cloud-moon": Image { image-rendering: smooth; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud-moon.svg"); image-fit: contain; }
-        if root.weather-kind == "cloud": Image { image-rendering: smooth; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud.svg"); image-fit: contain; }
-        if root.weather-kind == "cloud-rain": Image { image-rendering: smooth; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud-rain.svg"); image-fit: contain; }
-        if root.weather-kind == "cloud-rain-wind": Image { image-rendering: smooth; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud-rain-wind.svg"); image-fit: contain; }
-        if root.weather-kind == "cloud-lightning": Image { image-rendering: smooth; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud-lightning.svg"); image-fit: contain; }
-        if root.weather-kind == "snowflake": Image { image-rendering: smooth; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/snowflake.svg"); image-fit: contain; }
-        if root.weather-kind == "cloud-fog": Image { image-rendering: smooth; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud-fog.svg"); image-fit: contain; }
-        if root.weather-kind == "moon": Image { image-rendering: smooth; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/moon.svg"); image-fit: contain; }
+        if root.weather-kind == "sun": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/sun.svg"); image-fit: contain; }
+        if root.weather-kind == "cloud-sun": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud-sun.svg"); image-fit: contain; }
+        if root.weather-kind == "cloud-moon": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud-moon.svg"); image-fit: contain; }
+        if root.weather-kind == "cloud": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud.svg"); image-fit: contain; }
+        if root.weather-kind == "cloud-rain": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud-rain.svg"); image-fit: contain; }
+        if root.weather-kind == "cloud-rain-wind": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud-rain-wind.svg"); image-fit: contain; }
+        if root.weather-kind == "cloud-lightning": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud-lightning.svg"); image-fit: contain; }
+        if root.weather-kind == "snowflake": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/snowflake.svg"); image-fit: contain; }
+        if root.weather-kind == "cloud-fog": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/cloud-fog.svg"); image-fit: contain; }
+        if root.weather-kind == "moon": Image { image-rendering: smooth; colorize: Settings.dark-mode ? #777777 : black; x: 520px; y: 20px; width: 120px; height: 105px; source: @image-url("icons/moon.svg"); image-fit: contain; }
 
         Text {
             x: 392px;