Skip to content

Add Android mobile theme and demo theme switcher#87

Open
developit wants to merge 3 commits intomainfrom
codex/create-mobile-theme-for-pui
Open

Add Android mobile theme and demo theme switcher#87
developit wants to merge 3 commits intomainfrom
codex/create-mobile-theme-for-pui

Conversation

@developit
Copy link
Copy Markdown
Owner

Motivation

  • Provide an opinionated, token-driven mobile theme tuned for Android/Material mobile surfaces and controls that can be opt‑in via data-theme="android".
  • Make the new theme discoverable and easy to try in the demo by adding an in-demo theme picker.
  • Export the new theme file so consumers can import it from the package.

Description

  • Adds a new theme file at src/themes/android-mobile.css implementing light/dark token overrides and mobile-focused component styles for surfaces, buttons, inputs, lists, and selection controls.
  • Exposes the theme in the package exports and includes src/themes in the published files via edits to package.json (./themes/android-mobile.css and adding src/themes to files).
  • Adds a demo theme switcher component demo/src/theme-switcher.tsx, wires it into the demo navigation in demo/src/nav.tsx, and imports the theme in demo/src/style.css so the demo can opt into the Android theme.
  • Adds demo CSS for the theme switcher UI in demo/src/style.css and documents the new theme in docs/pages/theming.md with usage instructions.

Testing

  • Ran the project test suite with pnpm test (runs vitest run), and the existing tests completed successfully.

Codex Task

@netlify
Copy link
Copy Markdown

netlify bot commented Mar 1, 2026

Deploy Preview for pui-demo ready!

Name Link
🔨 Latest commit a63d74e
🔍 Latest deploy log https://app.netlify.com/projects/pui-demo/deploys/69a482f39b83430008be3046
😎 Deploy Preview https://deploy-preview-87--pui-demo.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Mar 1, 2026

Size Change: 0 B

Total Size: 13.8 kB

ℹ️ View Unchanged
Filename Size
dist/index.css 8.39 kB
dist/index.js 5.43 kB

compressed-size-action

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant