Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-27 21:39:16 -05:00
Code Issues Activity

fix(ui): dark mode seed (#1426)

Browse source 
* fix(ui): add dark logo seed

add dark logo seed

* style(ui): adjust notifiction style

adjust notification style

* chore(schemas): set default seed dark mode disabled

set default seed dark mode disabled
This commit is contained in:
simeng-li 2022-07-05 21:36:11 +08:00 • committed by GitHub
parent 45395ff74e
commit be73dbf4ef
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/schemas/src/seeds/sign-in-experience.ts
View file

@ -7,13 +7,13 @@ export const defaultSignInExperience: Readonly<CreateSignInExperience> = {
id: 'default', id: 'default',
color: { color: {
primaryColor: '#6139F6', primaryColor: '#6139F6',
isDarkModeEnabled: true, isDarkModeEnabled: false,
darkPrimaryColor: '#8768F8', darkPrimaryColor: '#8768F8',
}, },
branding: { branding: {
style: BrandingStyle.Logo, style: BrandingStyle.Logo,
logoUrl: 'https://logto.io/logo.svg', logoUrl: 'https://logto.io/logo.svg',
darkLogoUrl: '', darkLogoUrl: 'https://logto.io/logo-dark.svg',
}, },
languageInfo: { languageInfo: {
autoDetect: true, autoDetect: true,
@ -35,6 +35,10 @@ export const defaultSignInExperience: Readonly<CreateSignInExperience> = {
export const adminConsoleSignInExperience: CreateSignInExperience = { export const adminConsoleSignInExperience: CreateSignInExperience = {
...defaultSignInExperience, ...defaultSignInExperience,
color: {
...defaultSignInExperience.color,
isDarkModeEnabled: true,
},
branding: { branding: {
style: BrandingStyle.Logo_Slogan, style: BrandingStyle.Logo_Slogan,
logoUrl: 'https://logto.io/logo.svg', logoUrl: 'https://logto.io/logo.svg',

2
packages/ui/src/containers/AppNotification/index.module.scss
View file

@ -18,7 +18,7 @@
top: _.unit(-6); top: _.unit(-6);
left: 50%; left: 50%;
transform: translate(-50%, -100%); transform: translate(-50%, -100%);
width: fit-content; width: max-content;
} }
} }