Skip to content

Auto-detect theme and reorganize playground demos - #19

Merged
simonw merged 1 commit into
mainfrom
claude/auto-detect-theme-demos-eCK9T
Dec 27, 2025
Merged

simonw merged 1 commit into
mainfrom
claude/auto-detect-theme-demos-eCK9T

Conversation

@simonw

@simonw simonw commented Dec 27, 2025

Copy link
Copy Markdown
Owner

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

simonw commented Dec 27, 2025 •

Copy link
Copy Markdown
Owner Author

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

2 participants