From 0f2bcc5f27e55bee299f825587362c1eeb881124 Mon Sep 17 00:00:00 2001
From: =?utf8?q?J=C3=A9r=C3=B4me=20Benoit?= <jerome.benoit@sap.com>
Date: Thu, 19 Mar 2026 00:44:23 +0100
Subject: [PATCH] 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.
---
 ui/web/src/components/buttons/ToggleButton.vue | 1 +
 1 file changed, 1 insertion(+)

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);
-- 
2.53.0