feature request: macos dark mode support

[uprprc777]

环境信息

• 操作系统：macOS 14.2.1
• 浏览器名称：Google Chrome
• 浏览器版本：120.0.6099.216 (Official Build) (arm64)
• 插件版本号：3.0.5
• 是商店安装版还是代码安装版：Google Chrome Store

I have set macOS to dark mode, while N-Tab is running in light mode. N-Tab should be able to read the macOS settings and adjust to the corresponding mode (OneTab is able to do so).

In the README, it is mentioned that N-Tab can be set to dark mode by setting Chrome://flags/Auto Dark Mode for Web Contents to Enabled. However, this method is not perfect and may break some websites. Some websites that I don't want in dark mode are forced to use dark mode, sometimes resulting in poor or broken visual styles. Also, this may override some visual style settings of certain websites.

It would be beneficial for N-Tab to automatically detect and adjust to the macOS settings, enabling it to switch modes seamlessly. Alternatively, having a user interface (UI) option to manually choose the mode would provide flexibility and control for users.

---

[scoful]

@uprprc777 hello, The difficulty lies in my lack of good UI aesthetic sense, making it hard for me to match appealing colors. Could you provide any examples of good-looking dark mode designs for reference.

[uprprc777]

Thank you for considering adding this feature!

Regarding your concern, perhaps you can take inspiration from Github's dark mode UI designs or explore some open-source web applications like hoppscotch?

I'm not sure if you're a fan of Github's dark mode but many users and developers should be OK with it? You can also visit some of your favorite websites and toggle to dark mode.