Make active/inactive tab color configurable #22912

Closed
opened 2026-01-31 08:26:59 +00:00 by claunia · 5 comments
Owner

Originally created by @delanym on GitHub (Feb 12, 2025).

Description of the new feature

The problem is the contrast between the active and inactive tabs is insufficient, making it difficult to see what tab is active.

Image

On certain screens, and at certain angles, the problem is more pronounced.

Proposed technical implementation details

Instead of just increasing the contrast, add the ability to customize the active/inactive tab colors.

For example:

Image

Image

Originally created by @delanym on GitHub (Feb 12, 2025). ### Description of the new feature The problem is the contrast between the active and inactive tabs is insufficient, making it difficult to see what tab is active. ![Image](https://github.com/user-attachments/assets/44f867c5-4346-4669-be3a-76dff1a39715) On certain screens, and at certain angles, the problem is more pronounced. ### Proposed technical implementation details Instead of just increasing the contrast, add the ability to customize the active/inactive tab colors. For example: ![Image](https://github.com/user-attachments/assets/c463a77f-9d50-4753-bfde-f23c457be1d6) ![Image](https://github.com/user-attachments/assets/e3d7775d-c48b-494c-841f-38afd07e33c6)
claunia added the Issue-FeatureNeeds-TriageNeeds-Tag-FixNeeds-Attention labels 2026-01-31 08:26:59 +00:00
Author
Owner

@zadjii-msft commented on GitHub (Feb 12, 2025):

Have you tried customizing the theme/? (that doc incorrectly lists that as a preview feature, when themes have been around since like 1.15)

@zadjii-msft commented on GitHub (Feb 12, 2025): Have you tried customizing the [theme](https://learn.microsoft.com/en-us/windows/terminal/customize-settings/themes)/? (that doc incorrectly lists that as a preview feature, when themes have been around since like 1.15)
Author
Owner

@delanym commented on GitHub (Feb 12, 2025):

Ok I've tried that:

    "themes": 
    [
        {
            "name": "darc",
            "tab": 
            {
                "background": "terminalBackground",
                "iconStyle": "default",
                "showCloseButton": "always",
                "unfocusedBackground": "#FF000000"
            },
            "tabRow": 
            {
                "background": null,
                "unfocusedBackground": "#33FF33FF"
            },
            "window": 
            {
                "applicationTheme": "dark",
                "experimental.rainbowFrame": false,
                "frame": null,
                "unfocusedFrame": null,
                "useMica": false
            }
        }
    ]
@delanym commented on GitHub (Feb 12, 2025): Ok I've tried that: ```json "themes": [ { "name": "darc", "tab": { "background": "terminalBackground", "iconStyle": "default", "showCloseButton": "always", "unfocusedBackground": "#FF000000" }, "tabRow": { "background": null, "unfocusedBackground": "#33FF33FF" }, "window": { "applicationTheme": "dark", "experimental.rainbowFrame": false, "frame": null, "unfocusedFrame": null, "useMica": false } } ] ```
Author
Owner

@delanym commented on GitHub (Feb 12, 2025):

That had the effect of colouring the background tabs when the window itself is in the background.

Image

I want to distinguish background tabs colour whatever the state of the window.

@delanym commented on GitHub (Feb 12, 2025): That had the effect of colouring the background tabs when the window itself is in the background. ![Image](https://github.com/user-attachments/assets/6b1fe7b2-046b-432e-a515-adafb262c9ae) I want to distinguish background tabs colour whatever the state of the window.
Author
Owner

@delanym commented on GitHub (Feb 13, 2025):

Ok got there eventually

    "themes": 
    [
        {
            "name": "darc",
            "tab": 
            {
                "background": "terminalBackground",
                "iconStyle": "default",
                "showCloseButton": "always",
                "unfocusedBackground": "#FF000000"
            },
            "tabRow": 
            {
                "background": "#241E60FF",
                "unfocusedBackground": "#241E60FF"
            },
            "window": 
            {
                "applicationTheme": "dark",
                "experimental.rainbowFrame": false,
                "frame": null,
                "unfocusedFrame": null,
                "useMica": false
            }
        }
    ]
@delanym commented on GitHub (Feb 13, 2025): Ok got there eventually ```json "themes": [ { "name": "darc", "tab": { "background": "terminalBackground", "iconStyle": "default", "showCloseButton": "always", "unfocusedBackground": "#FF000000" }, "tabRow": { "background": "#241E60FF", "unfocusedBackground": "#241E60FF" }, "window": { "applicationTheme": "dark", "experimental.rainbowFrame": false, "frame": null, "unfocusedFrame": null, "useMica": false } } ] ```
Author
Owner

@astroboylrx commented on GitHub (Apr 3, 2025):

Have you tried customizing the theme/? (that doc incorrectly lists that as a preview feature, when themes have been around since like 1.15)

Does this mean there is no way we can customized the active/inactive tab colors for the default light/dark theme?
I think the dark theme already distinguishes active/inactive tabs well, but the light theme almost treat active/inactive tabs the same and I'd like to add such distinguishment into the light theme.

@astroboylrx commented on GitHub (Apr 3, 2025): > Have you tried customizing the [theme](https://learn.microsoft.com/en-us/windows/terminal/customize-settings/themes)/? (that doc incorrectly lists that as a preview feature, when themes have been around since like 1.15) Does this mean there is no way we can customized the active/inactive tab colors for the default light/dark theme? I think the dark theme already distinguishes active/inactive tabs well, but the light theme almost treat active/inactive tabs the same and I'd like to add such distinguishment into the light theme.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#22912