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 04195d777ab7d18f20eb3f8ffc4a99242595a1bd..7fe7d641ec92129996598766b6f6376394abc0cb 100644 (file)
--- 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);