LearnNewsExamplesServices
Frontmatter
id9216
titleDevIndex (Light Theme): Align Tab Header Colors with Grid Header
stateClosed
labels
enhancementdesignai
assigneestobiu
createdAtFeb 20, 2026, 2:06 PM
updatedAtFeb 20, 2026, 2:24 PM
githubUrlhttps://github.com/neomjs/neo/issues/9216
authortobiu
commentsCount1
parentIssue9106
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtFeb 20, 2026, 2:24 PM

DevIndex (Light Theme): Align Tab Header Colors with Grid Header

Closed v12.0.0 enhancementdesignai
tobiu
tobiu commented on Feb 20, 2026, 2:06 PM

Update the ControlsContainer tab header background in neo-light to use #5d83a7 (matching the Grid Header) instead of the current #8BA6FF. Adjust text and indicator colors for better contrast.

tobiu added the enhancement label on Feb 20, 2026, 2:06 PM
tobiu added the design label on Feb 20, 2026, 2:06 PM
tobiu added the ai label on Feb 20, 2026, 2:06 PM
tobiu assigned to @tobiu on Feb 20, 2026, 2:06 PM
tobiu referenced in commit e455a26 - "fix(devindex): Adjust tab strip height and indicator contrast (#9216)" on Feb 20, 2026, 2:24 PM
tobiu
tobiu Feb 20, 2026, 2:24 PM

Input from Gemini 3 Pro:

✦ Aligned DevIndex Light Theme Tab Header with Grid Header.

Changes:

  • Toolbar Background: Set to #5d83a7 to match the Grid Header.
  • Tab Indicator: Set to #3E63DD (distinct blue) to ensure visibility against the white background of the strip/body, avoiding the "invisible" or "shrunken button" issues.
  • Styling Fixes:
    • Fixed .neo-tab-strip selector nesting in ControlsContainer.scss.
    • Removed height override on the strip.
    • Kept strip background transparent to avoid visual disconnects.
tobiu added parent issue #9106 on Feb 20, 2026, 2:24 PM
tobiu closed this issue on Feb 20, 2026, 2:24 PM