From 79a8cd6b13074955a55965c67f0822647a3b6fd4 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 31 Mar 2023 11:17:06 -0500
Subject: [PATCH] Toggle: use bg-primary-600 when checked

---
 app/soapbox/components/ui/toggle/toggle.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/components/ui/toggle/toggle.tsx b/app/soapbox/components/ui/toggle/toggle.tsx
index 822dae28d..b48995354 100644
--- a/app/soapbox/components/ui/toggle/toggle.tsx
+++ b/app/soapbox/components/ui/toggle/toggle.tsx
@@ -17,7 +17,9 @@ const Toggle: React.FC<IToggle> = ({ id, size = 'md', checked, onChange, require
 
   return (
     <button
-      className={clsx('flex-none rounded-full bg-gray-500', {
+      className={clsx('flex-none rounded-full', {
+        'bg-gray-500': !checked,
+        'bg-primary-600': checked,
         'w-9 p-0.5': size === 'sm',
         'w-11 p-0.5': size === 'md',
       })}