Skip to content

fix(inspector): add background colors#5160

Merged
zyyv merged 1 commit intounocss:mainfrom
liangmiQwQ:fix-insepctor/add-background
Mar 21, 2026
Merged

fix(inspector): add background colors#5160
zyyv merged 1 commit intounocss:mainfrom
liangmiQwQ:fix-insepctor/add-background

Conversation

@liangmiQwQ
Copy link
Copy Markdown
Contributor

The UnoCSS inspector can be loaded in vitejs/devtools and nuxt/devtools with <iframe> tag, which makes website that has no background transparent

This causes the inspector to display weird, as well as dark-light switch animation like the video below

2026-03-21.08-58-17.mov

This PR added a global background color to fix that

@liangmiQwQ liangmiQwQ requested review from antfu and zyyv as code owners March 21, 2026 01:01
@netlify
Copy link
Copy Markdown

netlify bot commented Mar 21, 2026

Deploy Preview for unocss ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit d6c1b54
🔍 Latest deploy log https://app.netlify.com/projects/unocss/deploys/69bdeddafa15b200083a7ad3
😎 Deploy Preview https://deploy-preview-5160--unocss.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.

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Mar 21, 2026

Open in StackBlitz

commit: d6c1b54

@zyyv zyyv added this pull request to the merge queue Mar 21, 2026
Merged via the queue into unocss:main with commit 5a138e4 Mar 21, 2026
11 checks passed
@liangmiQwQ liangmiQwQ deleted the fix-insepctor/add-background branch March 21, 2026 08:15
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