Migrate tab styles in _ide_theme_overrides.scss
Problem to solve
As per &3982, a migration is underway to replace all existing tab components and it variant elements with GlTabs. The new GlTabs are not inheriting theme overrides and introducing visual discrepancies from the desired look and feel. The following issues are being introduced:
Desc | Before | After |
---|---|---|
Light | ![]() |
![]() |
Dark | ![]() |
![]() |
- The titles are colored as links (blue), these should be greys (active #303030, inactive #666666)
- The background color of the tab container is white instead of grey
- The height has changed as expected but appears to be 49.27px not 48px
- The bottom border of the tab container is white in dark mode
- The active tab bottom is visible
- The left and right borders are no longer visible
Proposal
Update theme overrides defined for the Web IDE in _ide_theme_overrides.scss