change mascot background
This commit is contained in:
parent
9ac226002c
commit
18e09b81a2
1 changed files with 5 additions and 5 deletions
|
|
@ -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',
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue