[Performance Issue] Used in multithreading

[hezhisheng1930]

Prerequisites

• I searched for any existing report about this performance issue to avoid opening a duplicate.
• I have restarted the web browser to check if that resolved this performance issue.
• I can reproduce this performance issue in a new, unmodified web browser profile with Dark Reader installed as the only extension.

Performance Issue Description

After turning on dark mode, the main thread will be blocked and the interface will freeze. Can the function of turning on night mode be implemented in Worker?

Website Address

https://www.hezhisheng.fun

Steps To Reproduce

When dark mode is turned on, the interface will freeze.

Performance Profile

When dark mode is turned on, the interface will freeze.

Screenshots

No response

Operating System

win 10

Web Browser name and version

chrome

Dark Reader version

4.9.81

Does this happen when Dark Reader is disabled?

No

Does this happen in other web browsers?

Yes

Additional Context

No response

[alexanderby]

Please try version 4.9.83.

[vik-buchinski]

Please try version 4.9.83.

This version doesn't work as well.
For some reason, it takes about 10s to enable the dark mode in the js, and after it is enabled, some interactable elements just stop working or it takes about 10-15s for it's handlers to be called.

Here is the code how I enable it in react application:

import { enable as enableDarkMode, disable as disableDarkMode, isEnabled as isDarkReaderEnabled } from 'darkreader'; import { useState } from 'react'; export const useSomeHook = () => { const [isDarkModeEnabled, setIsDarkModeEnabled] = useState(isDarkReaderEnabled()); const handleModeBtnClick = () => { isDarkModeEnabled ? disableDarkMode() : enableDarkMode({ brightness: 100, contrast: 90, sepia: 10, }); setIsDarkModeEnabled(!isDarkModeEnabled); }; return { handleModeBtnClick }; };