fix: crosssync icon color issue in darkmode

Author: Candinya

src/components/SyncStatus.vue

@@ -7,7 +7,7 @@
             class="flex w-6 h-6"
             :class="{
                 'fill-[#5088ff]': note,
-                grayscale: !note,
+                'fill-[#888888]': !note,
                 'opacity-50 mr-4': true,
             }"
             cssc="sync-status"

src/components/SyncToggle.vue

@@ -11,7 +11,7 @@
                 :class="{
                     'fill-[#5088ff]': isSyncing === true,
                     'fill-[#E6A23C]': typeof isSyncing === 'string', // or isSyncing !== !!isSyncing
-                    grayscale: isSyncing === false,
+                    'fill-[#888888]': isSyncing === false,
                     'opacity-50': !available,
                     'mx-2': available,
                 }"