change mascot background

This commit is contained in:
heaven 2026-04-14 22:32:30 +03:00
parent 9ac226002c
commit 18e09b81a2

View file

@ -16,7 +16,7 @@ export const AuthLayout = style({
flexDirection: 'column', flexDirection: 'column',
overflow: 'hidden', overflow: 'hidden',
background: background:
'radial-gradient(ellipse 80% 60% at 50% 25%, rgba(92, 70, 170, 0.18) 0%, rgba(92, 70, 170, 0) 70%), radial-gradient(ellipse at center, #171a33 0%, #10132a 45%, #080a1a 100%)', 'radial-gradient(ellipse 80% 60% at 50% 25%, rgba(45, 47, 50, 0.4) 0%, rgba(45, 47, 50, 0) 70%), radial-gradient(ellipse at center, #161718 0%, #121314 45%, #0c0d0e 100%)',
color: '#e8e4df', color: '#e8e4df',
'@media': { '@media': {
@ -73,7 +73,7 @@ export const AuthMascotVideo = style({
maxWidth: 'calc(100vw - (2 * var(--vojo-stack-pad)))', maxWidth: 'calc(100vw - (2 * var(--vojo-stack-pad)))',
pointerEvents: 'none', pointerEvents: 'none',
userSelect: 'none', userSelect: 'none',
filter: 'drop-shadow(0 30px 70px rgba(91, 70, 170, 0.45))', filter: 'drop-shadow(0 30px 70px rgba(45, 47, 50, 0.7))',
}); });
/* ── Modal zone (position driven by JS) ── */ /* ── Modal zone (position driven by JS) ── */
@ -100,7 +100,7 @@ export const AuthCardContent = style({
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
borderRadius: 'inherit', borderRadius: 'inherit',
backgroundColor: 'rgba(16, 18, 40, 0.48)', backgroundColor: 'rgba(18, 19, 22, 0.55)',
backdropFilter: 'blur(22px) saturate(150%)', backdropFilter: 'blur(22px) saturate(150%)',
WebkitBackdropFilter: 'blur(22px) saturate(150%)', WebkitBackdropFilter: 'blur(22px) saturate(150%)',
border: '1px solid rgba(255, 255, 255, 0.08)', border: '1px solid rgba(255, 255, 255, 0.08)',
@ -190,7 +190,7 @@ export const ServerDialogBackdrop = style({
export const ServerDialogCard = style({ export const ServerDialogCard = style({
position: 'relative', position: 'relative',
backgroundColor: '#1a1d36', backgroundColor: '#1a1b1d',
border: '1px solid rgba(255, 255, 255, 0.12)', border: '1px solid rgba(255, 255, 255, 0.12)',
borderRadius: toRem(16), borderRadius: toRem(16),
padding: toRem(32), padding: toRem(32),
@ -266,7 +266,7 @@ globalStyle(`${AuthCardContent}`, {
[v(color.Primary.MainHover)]: '#ffffff', [v(color.Primary.MainHover)]: '#ffffff',
[v(color.Primary.MainActive)]: '#d4d0cc', [v(color.Primary.MainActive)]: '#d4d0cc',
[v(color.Primary.MainLine)]: 'rgba(255, 255, 255, 0.18)', [v(color.Primary.MainLine)]: 'rgba(255, 255, 255, 0.18)',
[v(color.Primary.OnMain)]: '#10132a', [v(color.Primary.OnMain)]: '#121314',
}, },
}); });