Skip to content

Add flat button appearance and light-control-surface colors Ports the contrast/flat-button fix already applied in RotatingSky (a fork of this same template) so it becomes the default for every new sim forked from here. Adds controlSurfaceColorProperty/controlSurfaceDisabledColorProperty/ controlSurfaceTextColorProperty to SimColors.ts for future ComboBox/ NumberDisplay contrast, and a new src/common/SimButtonOptions.ts with flat appearance-strategy bundles (FLAT_RECTANGULAR_BUTTON_OPTIONS, FLAT_RESET_ALL_BUTTON_OPTIONS, FLAT_PLAY_PAUSE_STEP_BUTTON_OPTIONS, TIME_CONTROL_SPEED_RADIO_OPTIONS, SIM_COMBO_BOX_OPTIONS), applied to the template's ResetAllButton and illustrated in the commented-out example button. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_018svZaRUmD44JWTQJLUYdmx#14

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

Conversation

@veillette

Copy link
Copy Markdown
Collaborator

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

Ports the contrast/flat-button fix already applied in RotatingSky (a fork of
this same template) so it becomes the default for every new sim forked from
here. Adds `controlSurfaceColorProperty`/`controlSurfaceDisabledColorProperty`/
`controlSurfaceTextColorProperty` to SimColors.ts for future ComboBox/
NumberDisplay contrast, and a new src/common/SimButtonOptions.ts with flat
appearance-strategy bundles (FLAT_RECTANGULAR_BUTTON_OPTIONS,
FLAT_RESET_ALL_BUTTON_OPTIONS, FLAT_PLAY_PAUSE_STEP_BUTTON_OPTIONS,
TIME_CONTROL_SPEED_RADIO_OPTIONS, SIM_COMBO_BOX_OPTIONS), applied to the
template's ResetAllButton and illustrated in the commented-out example button.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018svZaRUmD44JWTQJLUYdmx
@veillette veillette merged commit bdbecbf 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:36
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