From c6f09375f86bce4f77f6abd05d3c4fec07e32110 Mon Sep 17 00:00:00 2001
From: Simon <10131203+gaomeng1900@users.noreply.github.com>
Date: Thu, 2 Apr 2026 17:03:20 +0800
Subject: [PATCH] fix(controller): `isMainContentDark` too aggressive

---
 packages/page-controller/src/mask/checkDarkMode.ts | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/page-controller/src/mask/checkDarkMode.ts b/packages/page-controller/src/mask/checkDarkMode.ts
index 92e666c..17fa5a4 100644
--- a/packages/page-controller/src/mask/checkDarkMode.ts
+++ b/packages/page-controller/src/mask/checkDarkMode.ts
@@ -138,15 +138,18 @@ function isTextColorLight() {
  * @returns {boolean}
  */
 function isMainContentDark() {
+	const { innerWidth: vw, innerHeight: vh } = window
+	const minArea = vw * vh * 0.5
+
 	const selectors = ['main', '#app', '#root', '#__next', '[role="main"]']
 	for (const selector of selectors) {
 		const el = document.querySelector(selector)
 		if (!el) continue
 
-		const style = window.getComputedStyle(el)
-		if (isColorDark(style.backgroundColor)) {
-			return true
-		}
+		const rect = el.getBoundingClientRect()
+		if (rect.width * rect.height < minArea) continue
+
+		if (isColorDark(window.getComputedStyle(el).backgroundColor)) return true
 	}
 	return false
 }