From 20cfdb9c0a9bc77494abf9ca4af23ce1100a1d7c Mon Sep 17 00:00:00 2001 From: NguyenThuyLan <116753400+NguyenThuyLan@users.noreply.github.com> Date: Tue, 25 Nov 2025 19:17:53 +0700 Subject: [PATCH] Login Screen: Fix css for login screen dark mode (#20922) (#20946) * Fix css for login screen dark mode * Removes the outer-layout wrapper, moving the flexbox to the host Sets the fallback for `--umb-auth-backdrop` to `--uui-color-surface` --------- Co-authored-by: Lan Nguyen Thuy Co-authored-by: leekelleher --- .../src/apps/app/app-auth.controller.ts | 2 +- .../packages/core/auth/modals/umb-app-auth-modal.element.ts | 5 ++++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/apps/app/app-auth.controller.ts b/src/Umbraco.Web.UI.Client/src/apps/app/app-auth.controller.ts index a67aa2a069..dd4d442d6c 100644 --- a/src/Umbraco.Web.UI.Client/src/apps/app/app-auth.controller.ts +++ b/src/Umbraco.Web.UI.Client/src/apps/app/app-auth.controller.ts @@ -134,7 +134,7 @@ export class UmbAppAuthController extends UmbControllerBase { }, modal: { key: authModalKey, - backdropBackground: 'var(--umb-auth-backdrop, rgb(244, 244, 244))', + backdropBackground: 'var(--umb-auth-backdrop, var(--uui-color-surface))', }, }) .onSubmit() diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts index b21375a67e..a62f158a53 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts @@ -169,7 +169,10 @@ export class UmbAppAuthModalElement extends UmbModalBaseElement