From aaff63f2ef79ab53a4b7909ee11b0987fb9e3152 Mon Sep 17 00:00:00 2001
From: Chris Bobbe <cbobbe@zulip.com>
Date: Wed, 1 Oct 2025 14:54:11 -0700
Subject: [PATCH] button: Update Toggle thumb color following change in Figma

The toggle design seems to have changed slightly since we
implemented it:
  https://www.figma.com/design/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=6070-60763&m=dev

Looks like it was just this one detail.
---
 lib/widgets/button.dart | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/lib/widgets/button.dart b/lib/widgets/button.dart
index ef8d0fa07d..2c867f3081 100644
--- a/lib/widgets/button.dart
+++ b/lib/widgets/button.dart
@@ -509,6 +509,8 @@ class Toggle extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final designVariables = DesignVariables.of(context);
+
     // Figma has this (blue/500) in both light and dark mode.
     // TODO(#831)
     final activeColor = Color(0xff4370f0);
@@ -550,8 +552,10 @@ class Toggle extends StatelessWidget {
         ~WidgetState.selected: null,
       }),
 
-      // Figma has white for "on" and "off" in both light and dark mode.
-      thumbColor: WidgetStatePropertyAll(Colors.white),
+      thumbColor: WidgetStateProperty.fromMap({
+        WidgetState.selected: Colors.white,
+        ~WidgetState.selected: designVariables.mainBackground,
+      }),
 
       trackColor: trackColor,
       trackOutlineColor: WidgetStatePropertyAll(Colors.transparent),