diff --git a/config/lovelace/home_dashboard/main_dashboard.yaml b/config/lovelace/home_dashboard/main_dashboard.yaml
index 4a6cec7..2f548d6 100644
--- a/config/lovelace/home_dashboard/main_dashboard.yaml
+++ b/config/lovelace/home_dashboard/main_dashboard.yaml
@@ -145,8 +145,22 @@
                               return 'linear-gradient(180deg, var(--paper-card-background-color) 0%, var(--paper-card-background-color)' + percent + '%, var(--primary-color) ' + percent + '%)'
                             ]]]
                         - color: white
+                      name:
+                        - color: >
+                            [[[
+                              const remaining = states['input_number.brita_remaining_liters'].state;
+                              const percent = 100 - (remaining / 150 * 100);
+
+                              return percent < 75 ? 'black' : 'white';
+                            ]]]
                       icon:
-                        - color: white
+                        - color: >
+                            [[[
+                              const remaining = states['input_number.brita_remaining_liters'].state;
+                              const percent = 100 - (remaining / 150 * 100);
+
+                              return percent < 25 ? 'black' : 'white';
+                            ]]]
                       custom_fields:
                         remaining_liters:
                           - position: absolute