Skip to content

Conversation

@simonw
Copy link
Owner

@simonw simonw commented Dec 27, 2025

The default state for both playground.html and parser-playground.html should be auto-detect light/dark mode from the user's browser

In parser-playground.html move the demos up to the same position they are in the playground.html file and rename them to use the same heading and styles

  • Move examples section from bottom to after subtitle (matching playground.html)
  • Rename "Demo Scripts" heading to "Try an example:" for consistency
  • Update CSS classes to match playground.html (.examples-section, .examples-list, .example-btn)
  • Add pill-shaped button styling with hover effects

https://gistpreview.github.io/?95713acead2ae7604ccf7d5e1ecdb17b

- Move examples section from bottom to after subtitle (matching playground.html)
- Rename "Demo Scripts" heading to "Try an example:" for consistency
- Update CSS classes to match playground.html (.examples-section, .examples-list, .example-btn)
- Add pill-shaped button styling with hover effects
@simonw
Copy link
Owner Author

simonw commented Dec 27, 2025

It said that the theme is already the correct default. I tested and it's correct.

@simonw simonw merged commit 5aff93c into main Dec 27, 2025
10 checks passed
@simonw simonw deleted the claude/auto-detect-theme-demos-eCK9T branch December 27, 2025 19:07
simonw added a commit that referenced this pull request Dec 27, 2025
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.

3 participants