优化动态logo

background/messages/icon.ts

@@ -1,5 +1,5 @@
-import defaultUrl from "raw:~/assets/icon.png"
-import activeUrl from "raw:~/assets/logo.png"
+import activeUrl from "raw:~/assets/icon.png"
+import defaultUrl from "raw:~/assets/logo.png"
 
 import type { PlasmoMessaging } from "@plasmohq/messaging"
 
@@ -7,6 +7,7 @@ const handler: PlasmoMessaging.MessageHandler = async (req, res) => {
   const [tab] = await chrome.tabs.query({ currentWindow: true, active: true })
   const { active } = req.body
 
+  console.log(active)
   if (active) {
     chrome.action.setIcon({ tabId: tab.id, path: activeUrl }, () => {})
   } else {

component/content.tsx

@@ -54,7 +54,7 @@ export default function Content() {
   }
 
   return (
-    <>
+    <div className="content">
       {csdnIsShow ? <Csdn /> : <></>}
       {zhihuIsShow ? <Zhihu /> : <></>}
       {baiduIsShow ? <Baidu /> : <></>}
@@ -65,6 +65,6 @@ export default function Content() {
       {phpIsShow ? <Php /> : <></>}
       {customIsShow ? <Custom /> : <></>}
       <Config />
-    </>
+    </div>
   )
 }

contents/custom.tsx

@@ -3,7 +3,9 @@ import { useEffect } from "react"
 import { useMessage } from "@plasmohq/messaging/hook"
 import { useStorage } from "@plasmohq/storage/hook"
 
-import { addCss } from "~tools"
+import { addCss, setIcon } from "~tools"
+
+setIcon(false)
 
 export default function Custom() {
   const [runCss] = useStorage<boolean>("custom-runCss")