feat: 1.0.3 引入 Dark Reader 通用暗色引擎

ui/src/darkreader-engine.ts

@@ -0,0 +1,48 @@
+import { disable, enable } from 'darkreader'
+import { watch } from 'vue'
+import { useDarkMode } from './composables/useDarkMode'
+
+/**
+ * Dark Reader 引擎参数。
+ * brightness/contrast 保持默认观感，背景色与现有 Halo 暗色变量接近，
+ * 让 Dark Reader 补全第三方插件页面时不会显得突兀。
+ */
+const DARK_READER_THEME = {
+  brightness: 100,
+  contrast: 90,
+  grayscale: 0,
+  sepia: 0,
+  darkSchemeBackgroundColor: '#181b20',
+  darkSchemeTextColor: '#e8e6e3',
+  scrollbarColor: '#3a3f4a',
+  selectionColor: '#2f6f7a',
+  styleSystemControls: true,
+} as const
+
+let initialized = false
+
+/**
+ * 初始化 Dark Reader 通用暗色引擎。
+ * 监听 useDarkMode 的 isDark 状态，深色时启用，浅色时关闭。
+ */
+export function initDarkReaderEngine(): void {
+  if (initialized) return
+  initialized = true
+
+  const { isDark } = useDarkMode()
+  watch(
+    isDark,
+    (dark) => {
+      try {
+        if (dark) {
+          enable(DARK_READER_THEME)
+        } else {
+          disable()
+        }
+      } catch (error) {
+        console.error('[dark-mode] Dark Reader 引擎异常', error)
+      }
+    },
+    { immediate: true },
+  )
+}