yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Login Screen: Fix css for login screen dark mode (#20922) (#20946)

Browse Source 
* 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 <lnt@umbraco.dk>
Co-authored-by: leekelleher <leekelleher@gmail.com>
This commit is contained in:
NguyenThuyLan
2025-11-25 19:17:53 +07:00
committed by GitHub
parent 4fe60f360f
commit 20cfdb9c0a
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Umbraco.Web.UI.Client/src/apps/app/app-auth.controller.ts
View File

@@ -134,7 +134,7 @@ export class UmbAppAuthController extends UmbControllerBase {
}, },
modal: { modal: {
key: authModalKey, key: authModalKey,
backdropBackground: 'var(--umb-auth-backdrop, rgb(244, 244, 244))', backdropBackground: 'var(--umb-auth-backdrop, var(--uui-color-surface))',
}, },
}) })
.onSubmit() .onSubmit()

5
src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts
View File

@@ -169,7 +169,10 @@ export class UmbAppAuthModalElement extends UmbModalBaseElement<UmbModalAppAuthC
UmbTextStyles, UmbTextStyles,
css` css`
:host { :host {
display: block; display: flex;
justify-content: center;
width: 100vw;
background: var(--uui-color-background, #f4f4f4); background: var(--uui-color-background, #f4f4f4);
--curves-color: var(--umb-login-curves-color, #f5c1bc); --curves-color: var(--umb-login-curves-color, #f5c1bc);