Fix login view background color

Signed-off-by: dab246 <tdvu@linagora.com>
(cherry picked from commit e0d25fbd6be827048f249ffd236ce1718129515e)

core/lib/presentation/extensions/color_extension.dart

@@ -233,6 +233,7 @@ extension AppColor on Color {
   static const messageDialogHighlightColor = Color(0xFF37383A);
   static const labelColor = Color(0xFF71767C);
   static const thumbScrollbarColor = Color(0xFFC1C1C1);
+  static const loginViewShadowColor = Color(0x3DBCBCBC);
 
   static const mapGradientColor = [
     [Color(0xFF21D4FD), Color(0xFFB721FF)],

lib/features/login/presentation/login_view_web.dart

@@ -156,51 +156,58 @@ class LoginView extends BaseLoginView {
           ),
           Column(
             children: [
-              SizedBox(
+              Container(
-                height: 690,
+                height: 684,
-                width: 445,
+                width: 458,
-                child: Card(
+                padding: const EdgeInsets.symmetric(horizontal: 31),
+                clipBehavior: Clip.antiAlias,
+                decoration: const ShapeDecoration(
+                  color: Colors.white,
                   shape: RoundedRectangleBorder(
-                    borderRadius: BorderRadius.circular(20.0),
+                    borderRadius: BorderRadius.all(Radius.circular(20)),
                   ),
-                  elevation: 10,
+                  shadows: [
-                  child: Padding(
+                    BoxShadow(
-                    padding: const EdgeInsets.only(left: 31, right: 31),
+                      color: AppColor.loginViewShadowColor,
-                    child: Column(
+                      blurRadius: 40,
-                      mainAxisAlignment: MainAxisAlignment.start,
+                      offset: Offset(0, 2),
-                      crossAxisAlignment: CrossAxisAlignment.center,
+                      spreadRadius: 2,
-                      children: [
-                        Padding(
-                          padding: const EdgeInsets.only(top: 66),
-                          child: _buildAppLogo(context)
-                        ),
-                        Padding(
-                          padding: const EdgeInsets.only(top: 67),
-                          child: Text(
-                            AppLocalizations.of(context).signIn,
-                            style: const TextStyle(fontSize: 32, color: AppColor.colorNameEmail, fontWeight: FontWeight.w900)
-                          )
-                        ),
-                        Obx(() => LoginMessageWidget(
-                          formType: controller.loginFormType.value,
-                          viewState: controller.viewState.value,
-                        )),
-                        Obx(() {
-                          switch (controller.loginFormType.value) {
-                            case LoginFormType.credentialForm:
-                              return buildInputCredentialForm(context);
-                            default:
-                              return const SizedBox.shrink();
-                          }
-                        }),
-                        _buildLoadingProgress(context),
-                        const Padding(
-                          padding: EdgeInsets.only(top: 16),
-                          child: PrivacyLinkWidget()
-                        ),
-                      ],
                     )
-                  )
+                  ],
+                ),
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.start,
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    Padding(
+                      padding: const EdgeInsets.only(top: 66),
+                      child: _buildAppLogo(context)
+                    ),
+                    Padding(
+                      padding: const EdgeInsets.only(top: 67),
+                      child: Text(
+                        AppLocalizations.of(context).signIn,
+                        style: const TextStyle(fontSize: 32, color: AppColor.colorNameEmail, fontWeight: FontWeight.w900)
+                      )
+                    ),
+                    Obx(() => LoginMessageWidget(
+                      formType: controller.loginFormType.value,
+                      viewState: controller.viewState.value,
+                    )),
+                    Obx(() {
+                      switch (controller.loginFormType.value) {
+                        case LoginFormType.credentialForm:
+                          return buildInputCredentialForm(context);
+                        default:
+                          return const SizedBox.shrink();
+                      }
+                    }),
+                    _buildLoadingProgress(context),
+                    const Padding(
+                      padding: EdgeInsets.only(top: 16),
+                      child: PrivacyLinkWidget()
+                    ),
+                  ],
                 )
               ),
               Padding(