diff --git a/dashboard/ui/main.slint b/dashboard/ui/main.slint
index 93d2e7e..35aa4dd 100644
--- a/dashboard/ui/main.slint
+++ b/dashboard/ui/main.slint
@@ -13,7 +13,12 @@ import {
 import { Climate, WeatherData } from "./climate.slint";
 import { Calendar } from "calendar.slint";
 import { Energy } from "energy.slint";
-import { TabBar, Switch, MaterialStyleMetrics } from "material/material.slint";
+import {
+    TabBar,
+    Switch,
+    MaterialStyleMetrics,
+    MaterialPalette,
+} from "material/material.slint";
 import { Icons } from "material/ui/icons/icons.slint";
 
 export struct LightData {
@@ -105,7 +110,8 @@ component LightTile inherits Rectangle {
             height: 32px;
             vertical-alignment: center;
             horizontal-alignment: right;
-            font-weight: light.on ? 700 : 500;
+            // font-weight: light.on ? 700 : 500;
+            color: light.on ? MaterialPalette.secondary : MaterialPalette.primary;
             font-size: 18px;
         }