Due to the limitation of Scratch's sensor block and image caching mechanism, the detector can only detect the state when the project is loaded but not during runtime. The page need to be refeshed to reflect the change. Some browsers have not yet supported this feature.
Svg CSS Trick is Used. The Sprite will be shown as YELLOW for light mode and GREEN for #dark #mode. Tested: ○ Chrome Desktop ○ Chromium Edge ○ Firefox × iOS / iPadOS Browsers × Mac Safari Related Projects: Out-of-stage Mouse Position: https://scratch.mit.edu/projects/368646517/ Chromium Browser Detector: https://scratch.mit.edu/projects/484415546/ Light/Dark Theme Detector: https://scratch.mit.edu/projects/644630356/ Used in: Wordle (Pen Only) v1.0 https://scratch.mit.edu/projects/644617144/
