[Refactor] Improved theme detection mechanism switching for better performance and reliability.

Author: Eventidus

.DS_Store

@@ -14,12 +14,12 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
   } else if (request.action === "getModel") {
     chrome.storage.sync.get(["model"], function (data) {
       sendResponse({
-        model: data.model || "r1", // 默认使用 R1 模型
+        model: data.model || "V3", // 默认使用 R1 模型
       });
     });
     return true;
   } else if (request.action === "openPopup") {
-    chrome.runtime.openOptionsPage();
+    chrome.action.openPopup();
     return true;
   }
 });

extension.zip

@@ -194,6 +194,34 @@ function debounce(func, wait) {
   };
 }
 
+// 添加 ResizeObserver 设置函数
+function setupResizeObserver(popup) {
+  if (!popup) return;
+
+  // 如果已存在观察者，先断开连接
+  if (popup._resizeObserver) {
+    popup._resizeObserver.disconnect();
+  }
+
+  // 创建防抖的保存尺寸函数
+  const debouncedSaveSize = debounce((width, height) => {
+    if (width >= 300 && height >= 200) {
+      chrome.storage.sync.set({ windowSize: { width, height } });
+    }
+  }, 500);
+
+  // 创建新的 ResizeObserver
+  popup._resizeObserver = new ResizeObserver(entries => {
+    for (const entry of entries) {
+      const { width, height } = entry.contentRect;
+      debouncedSaveSize(width, height);
+    }
+  });
+
+  // 开始观察
+  popup._resizeObserver.observe(popup);
+}
+
 function handleIconClick(e, selectedText, rect, selection) {
   e.stopPropagation();
   e.preventDefault();

src/background.js

@@ -140,9 +140,15 @@ export async function getAIResponse(
       linkElement.style.color = "#0066cc";
       linkElement.style.textDecoration = "underline";
       linkElement.style.cursor = "pointer";
-      linkElement.addEventListener("click", (e) => {
+      linkElement.addEventListener("click", async (e) => {
         e.preventDefault();
-        chrome.runtime.sendMessage({ action: "openPopup" });
+        try {
+          await chrome.runtime.sendMessage({ action: "openPopup" });
+        } catch (error) {
+          console.error('Failed to open popup:', error);
+          // 如果发送消息失败，尝试使用备用方法
+          chrome.runtime.sendMessage({ action: "getSelectedText" });
+        }
       });
 
       responseElement.textContent = "";

src/content/content.js

@@ -1258,17 +1258,45 @@
   }
 }
 
-/* 添加主题切换时的过渡效果 */
+/* 优化主题切换过渡效果 */
 .theme-adaptive,
-.theme-adaptive * {
-  transition: background-color 0.3s ease, color 0.3s ease,
-    border-color 0.3s ease, box-shadow 0.3s ease;
+.theme-adaptive *:not(script):not(style) {
+  transition-property: background-color, color, border-color, box-shadow, opacity, transform;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  will-change: auto;
 }
 
-/* 确保滚动条样式也随主题切换 */
+/* 确保滚动条和其他UI元素的过渡效果 */
 .theme-adaptive .ps__rail-y,
-.theme-adaptive .ps__thumb-y {
-  transition: background-color 0.3s ease;
+.theme-adaptive .ps__thumb-y,
+.theme-adaptive .icon-container,
+.theme-adaptive .code-block-wrapper,
+.theme-adaptive pre.hljs,
+.theme-adaptive .copy-button,
+.theme-adaptive .input-container-wrapper {
+  transition-property: background-color, color, border-color, box-shadow, opacity, transform;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  will-change: auto;
+}
+
+/* 优化代码高亮过渡效果 */
+.theme-adaptive .hljs,
+.theme-adaptive .hljs *,
+.theme-adaptive pre.hljs * {
+  transition-property: color, background-color;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+/* 优化数学公式过渡效果 */
+.theme-adaptive mjx-container,
+.theme-adaptive .math-inline,
+.theme-adaptive .math-block {
+  transition-property: filter;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 /* 数学公式样式 */

src/content/services/apiService.js

@@ -3,6 +3,8 @@ import { THEME_CLASSES } from './constants';
 export function isDarkMode() {
   const bodyBg = window.getComputedStyle(document.body).backgroundColor;
   const htmlBg = window.getComputedStyle(document.documentElement).backgroundColor;
+  const bodyColor = window.getComputedStyle(document.body).color;
+  const htmlColor = window.getComputedStyle(document.documentElement).color;
 
   function parseColor(color) {
     const match = color.match(/\d+/g);
@@ -18,50 +20,102 @@ export function isDarkMode() {
     };
   }
 
-  const bodyColor = parseColor(bodyBg);
-  const htmlColor = parseColor(htmlBg);
+  const bodyBgColor = parseColor(bodyBg);
+  const htmlBgColor = parseColor(htmlBg);
+  const bodyTextColor = parseColor(bodyColor);
+  const htmlTextColor = parseColor(htmlColor);
 
-  const effectiveColor = bodyColor?.isTransparent ? htmlColor : bodyColor;
+  // 优先使用背景色判断
+  const effectiveBgColor = bodyBgColor?.isTransparent ? htmlBgColor : bodyBgColor;
+  // 如果背景色无法判断，使用文字颜色
+  const effectiveTextColor = bodyTextColor?.isTransparent ? htmlTextColor : bodyTextColor;
 
-  if (!effectiveColor || effectiveColor.isTransparent) {
-    return false;
+  if (effectiveBgColor && !effectiveBgColor.isTransparent) {
+    return effectiveBgColor.brightness < 128;
   }
 
-  const isDark = effectiveColor.brightness < 128;
+  // 如果背景色无法判断，通过文字颜色反推
+  if (effectiveTextColor && !effectiveTextColor.isTransparent) {
+    return effectiveTextColor.brightness > 128;
+  }
 
-  return isDark;
+  // 如果都无法判断，使用系统主题
+  return window.matchMedia('(prefers-color-scheme: dark)').matches;
 }
 
 export function watchThemeChanges(callback) {
+  let currentTheme = isDarkMode();
+
+  // 创建性能优化的防抖函数
+  const debouncedCallback = debounce((isDark) => {
+    if (currentTheme !== isDark) {
+      currentTheme = isDark;
+      callback(isDark);
+    }
+  }, 50);
+
+  // 监听 DOM 变化
   const observer = new MutationObserver(() => {
-    const isDark = isDarkMode();
-    callback(isDark);
+    requestAnimationFrame(() => {
+      debouncedCallback(isDarkMode());
+    });
   });
 
-  observer.observe(document.documentElement, {
+  // 监听更多的属性变化
+  const observerConfig = {
     attributes: true,
-    attributeFilter: ['style', 'class'],
+    attributeFilter: ['style', 'class', 'data-theme', 'data-color-mode'],
     childList: false,
-    subtree: false
-  });
+    subtree: false,
+    characterData: false
+  };
 
-  observer.observe(document.body, {
-    attributes: true,
-    attributeFilter: ['style', 'class'],
-    childList: false,
-    subtree: false
-  });
+  // 监听 HTML 和 BODY 元素
+  observer.observe(document.documentElement, observerConfig);
+  observer.observe(document.body, observerConfig);
 
+  // 监听系统主题变化
+  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+  const mediaQueryHandler = (e) => {
+    requestAnimationFrame(() => {
+      debouncedCallback(isDarkMode());
+    });
+  };
+
+  mediaQuery.addEventListener('change', mediaQueryHandler);
+
+  // 初始化主题
   const initialTheme = isDarkMode();
   callback(initialTheme);
 
-  return () => observer.disconnect();
+  // 返回清理函数
+  return () => {
+    observer.disconnect();
+    mediaQuery.removeEventListener('change', mediaQueryHandler);
+  };
+}
+
+// 添加防抖函数
+function debounce(func, wait) {
+  let timeout;
+  return function executedFunction(...args) {
+    const later = () => {
+      clearTimeout(timeout);
+      func(...args);
+    };
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+  };
 }
 
 export function applyTheme(popup, isDark) {
-  if (isDark) {
-    popup.classList.add('dark-mode');
-  } else {
-    popup.classList.remove('dark-mode');
-  }
+  requestAnimationFrame(() => {
+    if (isDark) {
+      popup.classList.add('dark-mode');
+      popup.classList.remove('light-mode');
+    } else {
+      popup.classList.remove('dark-mode');
+      popup.classList.add('light-mode');
+    }
+  });
 }

src/content/styles/style.css

@@ -1,8 +1,8 @@
 {
   "manifest_version": 3,
   "name": "DeepSeek AI",
-  "description": "DeepSeek AI助手是一个免费开源的浏览器扩展工具（与DeepSeek官方无关），旨在为用户提供即时、智能的网页内容分析与回答服务。本扩展需要用户自行提供DeepSeek API Key才能使用，API使用费用由DeepSeek平台直接收取。通过集成先进的人工智能大模型，用户可以轻松选择网页上的任何文本内容，并立即获得深度、准确的AI回答。",
-  "version": "1.8.4",
+  "description": "DeepSeek AI助手是一个免费开源的浏览器扩展工具（与DeepSeek官方无关），本扩展需要用户自行提供DeepSeek API Key才能使用，通过集成先进的人工智能大模型，用户可以轻松选择网页上的任何文本内容，并立即获得深度、准确的AI回答。",
+  "version": "1.8.5",
   "permissions": ["storage", "contextMenus", "scripting", "commands", "tabs"],
   "content_scripts": [
     {
@@ -64,7 +64,7 @@
         "mac": "Command+Shift+D",
         "windows": "Ctrl+Shift+D"
       },
-      "description": "Toggle the DeepSeek chat window."
+      "description": "Toggle the chat window."
     }
   },
   "host_permissions": [