From: Jérôme Benoit <jerome.benoit@sap.com>
Date: Wed, 18 Mar 2026 23:44:23 +0000 (+0100)
Subject: fix(ui): use theme text color on toggle pressed state for readability
X-Git-Tag: ocpp-server@v3.2.0~45
X-Git-Url: https://git.piment-noir.org/?a=commitdiff_plain;h=0f2bcc5f27e55bee299f825587362c1eeb881124;p=e-mobility-charging-stations-simulator.git

fix(ui): use theme text color on toggle pressed state for readability

White text on light Surface backgrounds was illegible in Catppuccin
Latte. Using --color-text adapts to both light and dark themes.
---

diff --git a/ui/web/src/components/buttons/ToggleButton.vue b/ui/web/src/components/buttons/ToggleButton.vue
index 04195d77..7fe7d641 100644
--- a/ui/web/src/components/buttons/ToggleButton.vue
+++ b/ui/web/src/components/buttons/ToggleButton.vue
@@ -51,6 +51,7 @@ const click = (): void => {
 
 <style>
 button.on {
+  color: var(--color-text);
   background-color: var(--color-bg-active);
   border: 1px solid var(--color-accent);
   box-shadow: inset 0 2px 4px var(--color-shadow-inset);