From 35e7b41ca8d0761ee457f962112d55c30845e496 Mon Sep 17 00:00:00 2001
From: Cats Juice <wp1298554944@hotmail.com>
Date: Mon, 22 Jan 2024 10:14:32 +0000
Subject: [PATCH] fix(component): adjust the style of Switch to match the
 design (#5636)

closes #5635
---
 packages/frontend/component/src/ui/switch/index.css.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/component/src/ui/switch/index.css.ts b/packages/frontend/component/src/ui/switch/index.css.ts
index d7cb50c0d1..86c34ede69 100644
--- a/packages/frontend/component/src/ui/switch/index.css.ts
+++ b/packages/frontend/component/src/ui/switch/index.css.ts
@@ -14,7 +14,7 @@ export const switchStyle = style({
   position: 'relative',
   width: '46px',
   height: '26px',
-  background: 'var(--affine-icon-color)',
+  background: 'var(--affine-toggle-disable-background-color)',
   borderRadius: '37px',
   transition: '200ms all',
   border: '1px solid var(--affine-black-10)',
@@ -29,7 +29,7 @@ export const switchStyle = style({
       borderRadius: '50%',
       top: '50%',
       border: '1px solid var(--affine-black-10)',
-      background: 'var(--affine-white)',
+      background: 'var(--affine-toggle-circle-background-color)',
       transform: 'translate(1px, -50%)',
     },
   },
@@ -38,7 +38,7 @@ export const switchCheckedStyle = style({
   background: 'var(--affine-primary-color)',
   selectors: {
     '&:before': {
-      background: 'var(--affine-toggle-circle-background-color)',
+      borderColor: 'var(--affine-pure-black-10)',
       transform: 'translate(21px,-50%)',
     },
   },