From 1d08151d957893bd62280efdb522f85bf96e5565 Mon Sep 17 00:00:00 2001
From: Jimmfly <yangjinfei001@gmail.com>
Date: Wed, 18 Sep 2024 17:02:19 +0800
Subject: [PATCH] chore: adjust modal background color for peek view

---
 .../core/src/modules/peek-view/view/modal-container.css.ts     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts b/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts
index e9ad11b877248..bb98db96b8fb5 100644
--- a/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts
+++ b/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts
@@ -1,11 +1,12 @@
 import { cssVar } from '@toeverything/theme';
+import { cssVarV2 } from '@toeverything/theme/v2';
 import { style } from '@vanilla-extract/css';
 
 export const modalOverlay = style({
   position: 'fixed',
   inset: 0,
   zIndex: cssVar('zIndexModal'),
-  backgroundColor: cssVar('black30'),
+  backgroundColor: cssVarV2('layer/background/modal'),
   pointerEvents: 'auto',
   selectors: {
     '&[data-anime-state="animating"]': {