cosmetic: make SQL Lab tabs more visible/readable

[mistercrunch]

Screenshot

Description

New SQL tab titles are very muted. I'd say bump the font size a notch and use the link-color (darker) instead of the primary color. Also, I don't think we should force to uppercase in this context.

[issue-label-bot[bot]]

Issue-Label Bot is automatically applying the label #enhancement to this issue, with a confidence of 0.66. Please mark this comment with 👍 or 👎 to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

[Steejay]

@mistercrunch what font style are you using for this tab text? current size? For us to figure out what the best font styling is we'd like to mock it up in the correct context.

For color we recommend not using link color since the text is not a link.

For capitalization we recommend not forcing all caps.

[mistercrunch]

@kgabryje ^^^

[kgabryje]

This blueish text colour is applied only for the active tab, for the rest it's rgba(0, 0, 0, 0.65). The font size is 12px.
Here is how it looks with font size 14px, no capitalization and all colours rgba(0, 0, 0, 0.65). Thoughts? I think it looks better, but I'd keep the blueish colour for hover effect.

[Steejay]

Larger font size looks better. We would recommend changing the tab background on hover instead of the text color.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. For admin, please label this issue .pinned to prevent stale bot from closing the issue.