Skip to content

fix Snacks preview appearance, allow customizing, tweak few examples#4754

Merged
Simek merged 1 commit into
mainfrom
@simek/fix-snack-preview-appearance-tweak-examples
Aug 28, 2025
Merged

fix Snacks preview appearance, allow customizing, tweak few examples#4754
Simek merged 1 commit into
mainfrom
@simek/fix-snack-preview-appearance-tweak-examples

Conversation

@Simek

@Simek Simek commented Aug 28, 2025

Copy link
Copy Markdown
Collaborator

Why

So far, the Snack embedded element theme was coupled with preview device appearance which in some cases lead to readability problems in dark mode.

Screenshot 2025-08-28 at 11 01 22

Refs:

Should address issues bring up in:

How

Add support for deviceAppearance query param, set it by default to 'light', but allow customization on case-by-case base.

In the process, I have also updated few examples, to make sure that they display and work correctly on mobile previews.

Preview

Screenshot 2025-08-28 at 10 43 28

@netlify

netlify Bot commented Aug 28, 2025

Copy link
Copy Markdown

Deploy Preview for react-native ready!

Name Link
🔨 Latest commit 750234d
🔍 Latest deploy log https://app.netlify.com/projects/react-native/deploys/68b01b9ffe33ec0008a5597f
😎 Deploy Preview https://deploy-preview-4754--react-native.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.

@Simek Simek merged commit 787e4c6 into main Aug 28, 2025
4 checks passed
@Simek Simek deleted the @simek/fix-snack-preview-appearance-tweak-examples branch September 12, 2025 08:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants