Automatically detect light or dark mode based on system settings

[MeerBiene]

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

It would be neat to have to option to choose a theme for light mode and one theme for dark mode - kinda like github did it

Describe the solution you'd like
A clear and concise description of what you want to happen.

• Switch to toggle "automatic mode" switching
• Option to choose either only one theme or 2 themes when the automatic dark mode is activated

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

I thought about writing a plugin but this seems like it should be a core functionality

Additional context
Add any other context or screenshots about the feature request here.

[Arro]

+1 for this. Would be nice. Feels like a must-have feature these days.

[zhouzq-thu]

+1, maybe just check if

defaults read -g AppleInterfaceStyle

is 'Dark' or 'does not exist'.

[ysc3839]

On Windows, you can read registry HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Themes\Personalize AppsUseLightTheme DWORD value to get dark mode setting for apps. When dark mode changed, there will be WM_SETTINGCHANGE message sent to top-level windows, with lParam = wchar_t* "ImmersiveColorSet".

[ChihGodlee]

Is there any progress on this issue?

[0xJohnnyboy]

+1, really looking forward to using this feature

[rmkraus]

I've only done some preliminary testing on this, but I think there is a workaround. To implement this behavior easily.

In the Appearance menu in settings, there is a Custom CSS field. With this, it is possible to change styling based on the system preferred light/dark settings. Here is an example:

/* * { color: blue !important; } */

@media (prefers-color-scheme: light) {
    * {
        background-color: white !important;
        color: black !important;
    }
}

@media (prefers-color-scheme: dark) {
    * {
        background-color: black !important;
        color: white !important;
    }
}

When I have a few more minutes, I'll try creating a full style sheet based on a pair of the community themes that are here:
https://github.com/Eugeny/tabby/tree/master/tabby-community-color-schemes/schemes

GitHub

tabby/tabby-community-color-schemes/schemes at master · Eugeny/tabby

A terminal for a more modern age. Contribute to Eugeny/tabby development by creating an account on GitHub.

[Eugeny]

Coming to the nightly build in https://github.com/Eugeny/tabby/actions/runs/5592726182

GitHub

automatic dark/light theme - fixes #3934 · Eugeny/tabby@299be86

A terminal for a more modern age. Contribute to Eugeny/tabby development by creating an account on GitHub.