chore: adjust modal background color for peek view (#8295)

close AF-1391
This commit is contained in:
JimmFly
2024-09-18 09:19:17 +00:00
parent a0d6a28ff4
commit 67577ee66e

View File

@@ -1,11 +1,12 @@
import { cssVar } from '@toeverything/theme'; import { cssVar } from '@toeverything/theme';
import { cssVarV2 } from '@toeverything/theme/v2';
import { style } from '@vanilla-extract/css'; import { style } from '@vanilla-extract/css';
export const modalOverlay = style({ export const modalOverlay = style({
position: 'fixed', position: 'fixed',
inset: 0, inset: 0,
zIndex: cssVar('zIndexModal'), zIndex: cssVar('zIndexModal'),
backgroundColor: cssVar('black30'), backgroundColor: cssVarV2('layer/background/modal'),
pointerEvents: 'auto', pointerEvents: 'auto',
selectors: { selectors: {
'&[data-anime-state="animating"]': { '&[data-anime-state="animating"]': {