Fix dark mode detection for highlight unfolded comments

cherryblossom000 · cherryblossom000 · commit 75ce95bb7610 · 2021-06-18T19:15:11.000+10:00
diff --git a/Highlight-Unfolded-Comments/StackHighlightUnfoldedComments.user.js b/Highlight-Unfolded-Comments/StackHighlightUnfoldedComments.user.js
@@ -57,7 +57,7 @@ const observeContainer = (commentsContainer) => {
         }
         for (const comment of newComments) {
             window.setTimeout(() => {
-                const highlightColor = document.body.matches('.theme-dark')
+                const highlightColor = window.location.hostname === 'stackoverflow.com' && window.matchMedia('(prefers-color-scheme: dark)').matches
                     ? '#403d33' // Dark brown, close to default dark background
                     : '#fff2e0'; // Pale yellow, close to default light background
                 // eslint-disable-next-line no-param-reassign

Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,7 @@ const observeContainer = (commentsContainer) => {`
`57`	`57`	`}`
`58`	`58`	`for (const comment of newComments) {`
`59`	`59`	`window.setTimeout(() => {`
`60`		`- const highlightColor = document.body.matches('.theme-dark')`
	`60`	`+ const highlightColor = window.location.hostname === 'stackoverflow.com' && window.matchMedia('(prefers-color-scheme: dark)').matches`
`61`	`61`	`? '#403d33' // Dark brown, close to default dark background`
`62`	`62`	`: '#fff2e0'; // Pale yellow, close to default light background`
`63`	`63`	`// eslint-disable-next-line no-param-reassign`