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
contentTrust
projected
quarantined0
signals[]
blockedBy[]
blocking[]
closedAtFeb 20, 2026, 2:24 PM

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

Closed v12.0.0/archive-v12-0-0-chunk-3 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
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.