From f4ea495d237ef271fbebd05b414812aaf5da4cbb Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 29 Dec 2023 17:13:08 +1100
Subject: [PATCH] feat(ui): InvSwitch and InvSliderThumb are round

---
 .../frontend/web/src/common/components/InvSlider/theme.ts  | 7 +++----
 .../frontend/web/src/common/components/InvSwitch/theme.ts  | 4 +---
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/invokeai/frontend/web/src/common/components/InvSlider/theme.ts b/invokeai/frontend/web/src/common/components/InvSlider/theme.ts
index 383aca32fd..984ea2afb5 100644
--- a/invokeai/frontend/web/src/common/components/InvSlider/theme.ts
+++ b/invokeai/frontend/web/src/common/components/InvSlider/theme.ts
@@ -23,12 +23,11 @@ const filledTrack = defineStyle((_props) => {
 const thumb = defineStyle((props) => {
   const { orientation } = props;
   return {
-    w: 4,
-    h: 4,
+    w: 5,
+    h: 5,
     bg: 'base.400',
-    borderRadius: 'base',
     borderColor: 'base.200',
-    borderWidth: 2,
+    borderWidth: 3,
     _hover: {
       transform:
         orientation === 'vertical'
diff --git a/invokeai/frontend/web/src/common/components/InvSwitch/theme.ts b/invokeai/frontend/web/src/common/components/InvSwitch/theme.ts
index 1a93b690ce..b0332762c6 100644
--- a/invokeai/frontend/web/src/common/components/InvSwitch/theme.ts
+++ b/invokeai/frontend/web/src/common/components/InvSwitch/theme.ts
@@ -9,21 +9,19 @@ const { defineMultiStyleConfig, definePartsStyle } =
 
 const invokeAITrack = defineStyle((_props) => {
   return {
-    borderRadius: 'sm',
     bg: 'base.600',
     p: 1,
     _focusVisible: {
       boxShadow: 'none',
     },
     _checked: {
-      bg: 'blue.400',
+      bg: 'blue.500',
     },
   };
 });
 
 const invokeAIThumb = defineStyle((_props) => {
   return {
-    borderRadius: 'sm',
     bg: 'base.50',
   };
 });