From 510cf87ec9f8e260f6a101ac3b36157fecaa1664 Mon Sep 17 00:00:00 2001
From: "v.lagerev" <lagerev.vl@gmail.com>
Date: Tue, 14 Apr 2026 22:32:30 +0300
Subject: [PATCH] change mascot background

---
 src/app/pages/auth/styles.css.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/auth/styles.css.ts b/src/app/pages/auth/styles.css.ts
index 1a2bb1a5..d32c9af1 100644
--- a/src/app/pages/auth/styles.css.ts
+++ b/src/app/pages/auth/styles.css.ts
@@ -16,7 +16,7 @@ export const AuthLayout = style({
   flexDirection: 'column',
   overflow: 'hidden',
   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',
 
   '@media': {
@@ -73,7 +73,7 @@ export const AuthMascotVideo = style({
   maxWidth: 'calc(100vw - (2 * var(--vojo-stack-pad)))',
   pointerEvents: '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) ── */
@@ -100,7 +100,7 @@ export const AuthCardContent = style({
   display: 'flex',
   flexDirection: 'column',
   borderRadius: 'inherit',
-  backgroundColor: 'rgba(16, 18, 40, 0.48)',
+  backgroundColor: 'rgba(18, 19, 22, 0.55)',
   backdropFilter: 'blur(22px) saturate(150%)',
   WebkitBackdropFilter: 'blur(22px) saturate(150%)',
   border: '1px solid rgba(255, 255, 255, 0.08)',
@@ -190,7 +190,7 @@ export const ServerDialogBackdrop = style({
 
 export const ServerDialogCard = style({
   position: 'relative',
-  backgroundColor: '#1a1d36',
+  backgroundColor: '#1a1b1d',
   border: '1px solid rgba(255, 255, 255, 0.12)',
   borderRadius: toRem(16),
   padding: toRem(32),
@@ -266,7 +266,7 @@ globalStyle(`${AuthCardContent}`, {
     [v(color.Primary.MainHover)]: '#ffffff',
     [v(color.Primary.MainActive)]: '#d4d0cc',
     [v(color.Primary.MainLine)]: 'rgba(255, 255, 255, 0.18)',
-    [v(color.Primary.OnMain)]: '#10132a',
+    [v(color.Primary.OnMain)]: '#121314',
   },
 });