fix: icon style

src/components/setting/config-viewer.tsx

@@ -68,7 +68,11 @@ const ConfigViewer = () => {
         </DialogActions>
       </Dialog>
 
-      <InfoRounded fontSize="small" onClick={() => setOpen(true)} />
+      <InfoRounded
+        fontSize="small"
+        style={{ cursor: "pointer", opacity: 0.75 }}
+        onClick={() => setOpen(true)}
+      />
     </>
   );
 };

src/components/setting/core-switch.tsx

@@ -41,7 +41,7 @@ const CoreSwitch = () => {
     <>
       <Settings
         fontSize="small"
-        style={{ cursor: "pointer" }}
+        style={{ cursor: "pointer", opacity: 0.75 }}
         onClick={(event) => {
           const { clientX, clientY } = event;
           setPosition({ top: clientY, left: clientX });

src/components/setting/setting-system.tsx

@@ -90,6 +90,7 @@ const SettingSystem = ({ onError }: Props) => {
                   serviceStatus === "installed") && (
                   <PrivacyTipRounded
                     fontSize="small"
+                    style={{ cursor: "pointer", opacity: 0.75 }}
                     onClick={() => setServiceOpen(true)}
                   />
                 )}

src/components/setting/sysproxy-tooltip.tsx

@@ -43,7 +43,11 @@ const SysproxyTooltip = () => {
         title={showTitle}
         arrow
       >
-        <InfoRounded fontSize="small" onClick={onShow} />
+        <InfoRounded
+          fontSize="small"
+          style={{ cursor: "pointer", opacity: 0.75 }}
+          onClick={onShow}
+        />
       </Tooltip>
     </ClickAwayListener>
   );