From 4a7182940082c71f586c5e5c472243fccd9f88e0 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Sun, 28 Aug 2022 12:48:21 +0800
Subject: [PATCH] :lipstick:

---
 app/src/assets/scss/base.scss | 5 -----
 app/src/index.ts              | 4 ++--
 app/src/sync/syncGuide.ts     | 2 +-
 3 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss
index 01c8b6bed..6f664dd78 100644
--- a/app/src/assets/scss/base.scss
+++ b/app/src/assets/scss/base.scss
@@ -198,11 +198,6 @@ progressLoading: 400
       background-color: var(--b3-theme-background-light);
     }
 
-    &--sync {
-      background-color: var(--b3-theme-primary) !important;
-      color: var(--b3-theme-on-primary) !important;
-    }
-
     svg {
       height: 14px;
       width: 14px;
diff --git a/app/src/index.ts b/app/src/index.ts
index ce60cf858..f45cc17ca 100644
--- a/app/src/index.ts
+++ b/app/src/index.ts
@@ -56,9 +56,9 @@ class App {
                                 break;
                             case"syncing":
                                 if (data.code === 0) {
-                                    document.querySelector("#barSync").classList.add("toolbar__item--sync");
+                                    document.querySelector("#barSync").classList.add("toolbar__item--active");
                                 } else {
-                                    document.querySelector("#barSync").classList.remove("toolbar__item--sync");
+                                    document.querySelector("#barSync").classList.remove("toolbar__item--active");
                                 }
                                 document.querySelector("#barSync").setAttribute("aria-label", data.msg);
                                 break;
diff --git a/app/src/sync/syncGuide.ts b/app/src/sync/syncGuide.ts
index 6f602d72b..0215b6715 100644
--- a/app/src/sync/syncGuide.ts
+++ b/app/src/sync/syncGuide.ts
@@ -112,7 +112,7 @@ export const getSyncCloudList = (cloudPanelElement: Element, reload = false, cb?
 };
 
 export const syncGuide = (element?: Element) => {
-    if (element && element.classList.contains("toolbar__item--sync")) {
+    if (element && element.classList.contains("toolbar__item--active")) {
         return;
     }
     if (isMobile()) {