From 506e59e86bdf4944dce9090908d33960edcb952e Mon Sep 17 00:00:00 2001
From: Sacha Weatherstone <sachaw100@hotmail.com>
Date: Fri, 23 Sep 2022 13:07:02 +1000
Subject: [PATCH] Improve toggle styling

---
 src/components/form/Toggle.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/form/Toggle.tsx b/src/components/form/Toggle.tsx
index d8ea4c69..1f9d9e96 100644
--- a/src/components/form/Toggle.tsx
+++ b/src/components/form/Toggle.tsx
@@ -35,9 +35,9 @@ export const Toggle = ({
         checked={checked}
         disabled={disabled}
         onChange={onChange}
-        className={`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 ${
-          checked ? "bg-indigo-600" : "bg-gray-200"
-        }`}
+        className={`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-orange-500 focus:ring-offset-2 ${
+          checked ? "bg-orange-600" : "bg-orange-100"
+        } ${disabled ? "cursor-not-allowed bg-orange-400" : ""}`}
       >
         <span
           aria-hidden="true"