From 87f719272a490e4a6f1d4626d4418b54c7664e01 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Sat, 11 Apr 2026 04:22:34 +0800
Subject: [PATCH] fix(stage-layouts): prevent using :global(...) as they gets
 compiled into .dark without the children selector

---
 .../components/Backgrounds/default/transparent-preview.vue    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/stage-layouts/src/components/Backgrounds/default/transparent-preview.vue b/packages/stage-layouts/src/components/Backgrounds/default/transparent-preview.vue
index 53c9561f8..53447ad68 100644
--- a/packages/stage-layouts/src/components/Backgrounds/default/transparent-preview.vue
+++ b/packages/stage-layouts/src/components/Backgrounds/default/transparent-preview.vue
@@ -39,7 +39,7 @@
   backdrop-filter: blur(10px);
 }
 
-:global(.dark) .transparent-preview {
+.dark .transparent-preview {
   background-color: rgb(23 23 23 / 0.92);
   background-image:
     linear-gradient(45deg, rgb(64 64 64 / 0.9) 25%, transparent 25%),
@@ -48,7 +48,7 @@
     linear-gradient(-45deg, transparent 75%, rgb(64 64 64 / 0.9) 75%);
 }
 
-:global(.dark) .transparent-preview__label {
+.dark .transparent-preview__label {
   border-color: rgb(64 64 64 / 0.85);
   background: rgb(23 23 23 / 0.72);
   color: rgb(245 245 245 / 0.9);