Skip to content

Fix dark-background text contrast and flatten all button appearances Several Text/NumberControl-title nodes in the Analyzer and Photometry screens sit directly on the dark default screen background (their containing columns aren't wrapped in a light panel like the other screens) but used the default black fill or panelTextColorProperty / mutedTextColorProperty, which are meant for light panel surfaces — making them invisible in the default color profile. Switched those to textColorProperty. Registration and Blink Comparator were already correct (light panel/table backgrounds throughout). Also added src/common/VSPButtonOptions.ts (mirroring RotatingSky's pattern) with a shared FlatAppearanceStrategy bundle, and applied it to every RectangularPushButton/TextPushButton/ResetAllButton call site across all four screens so buttons #9

Merged
veillette merged 1 commit into
mainfrom
claude/simulation-contrast-flat-buttons-8gdo6w
Jul 2, 2026

Conversation

@veillette

Copy link
Copy Markdown
Contributor

Description

Type of change

  • Bug fix
  • New feature
  • Documentation update
  • Refactoring
  • Build / CI change

Related issues

Fixes #
Related to #

Testing

  • npm run lint
  • npm run check
  • npm run build
  • npm test (if applicable)

How to test

  1. Step 1
  2. Step 2
  3. Expected result

Checklist

  • Self-review completed
  • Documentation updated if needed
  • No unrelated changes included

Several Text/NumberControl-title nodes in the Analyzer and Photometry
screens sit directly on the dark default screen background (their
containing columns aren't wrapped in a light panel like the other
screens) but used the default black fill or panelTextColorProperty /
mutedTextColorProperty, which are meant for light panel surfaces —
making them invisible in the default color profile. Switched those to
textColorProperty. Registration and Blink Comparator were already
correct (light panel/table backgrounds throughout).

Also added src/common/VSPButtonOptions.ts (mirroring RotatingSky's
pattern) with a shared FlatAppearanceStrategy bundle, and applied it to
every RectangularPushButton/TextPushButton/ResetAllButton call site
across all four screens so buttons render flat instead of the
SceneryStack default 3-D/beveled look, while keeping their existing
semantic baseColor values.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018svZaRUmD44JWTQJLUYdmx
@veillette veillette merged commit 6216718 into main Jul 2, 2026
7 checks passed
@github-actions

github-actions Bot commented Jul 2, 2026

Copy link
Copy Markdown

Dependency Review

✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.

Scanned Files

None

@veillette veillette deleted the claude/simulation-contrast-flat-buttons-8gdo6w branch July 2, 2026 19:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants