Poor tab contrast

[mcandre]

• I am on the latest Hyper.app version
• I have searched the issues of this repo and believe that this is not a duplicate

• OS version and name: macOS Sequoia
• Hyper.app version: 3.4.1
• Link of a Gist with the contents of your hyper.json: Defaults
• The issue is reproducible in vanilla Hyper.app: Is Vanilla

Issue

Tab contrast is unusable out of the box. Unlike other desktop applications, Hyper uses the same color for both foreground tabs and background tabs.

I can customize some unrelated colors in the config file. But I cannot quickly identify any available section to fix the low contrast on foreground vs. background tabs.

[mcandre]

Update:

Not all of the deep, CSS based options are demonstrated in the default configuration file.

Based on themes (which tend not to support overriding style settings), we find some CSS selectors which achieve higher tab contrast reminiscent of native style Electron tab UI elements.

        css: `
            .header_header, .tab_textActive {
                background: #333 !important;
            }
            .tab_text {
                background: #222;
            }
        `,

Note the use of !important.

Can't find references to an equivalent .tab_textInactive.

I don't know why we're not using the default Electron styling out of the box.