diff --git a/packages/ui/src/assets/icons/logto-logo-dark.svg b/packages/ui/src/assets/icons/logto-logo-dark.svg index 350781a66..e65d6d7ab 100644 --- a/packages/ui/src/assets/icons/logto-logo-dark.svg +++ b/packages/ui/src/assets/icons/logto-logo-dark.svg @@ -1,20 +1,22 @@ - - - + + + - - - - - + + + + + - + - + + + diff --git a/packages/ui/src/assets/icons/logto-logo-light.svg b/packages/ui/src/assets/icons/logto-logo-light.svg index 8c9d08b84..27c09fb05 100644 --- a/packages/ui/src/assets/icons/logto-logo-light.svg +++ b/packages/ui/src/assets/icons/logto-logo-light.svg @@ -3,11 +3,11 @@ - - - - - + + + + + @@ -18,3 +18,4 @@ + diff --git a/packages/ui/src/components/LogtoSignature/index.module.scss b/packages/ui/src/components/LogtoSignature/index.module.scss index 116709426..9191d5ae8 100644 --- a/packages/ui/src/components/LogtoSignature/index.module.scss +++ b/packages/ui/src/components/LogtoSignature/index.module.scss @@ -4,7 +4,7 @@ .signature { @include _.flex-row; font: var(--font-label-2); - color: var(--color-neutral-variant-60); + color: var(--color-neutral-variant-70); padding: _.unit(1) _.unit(2); text-decoration: none; @@ -36,5 +36,6 @@ :global(body.mobile) { .signature { color: var(--color-neutral-variant-80); + font: var(--font-label-3); } } diff --git a/packages/ui/src/scss/_colors.scss b/packages/ui/src/scss/_colors.scss index fce5da017..c7b71be97 100644 --- a/packages/ui/src/scss/_colors.scss +++ b/packages/ui/src/scss/_colors.scss @@ -22,6 +22,7 @@ --color-neutral-100: #fff; --color-neutral-variant-60: #928f9a; + --color-neutral-variant-70: #adaab4; --color-neutral-variant-80: #c9c5d0; --color-neutral-variant-90: #e5e1ec; @@ -111,6 +112,7 @@ --color-neutral-100: #000; --color-neutral-variant-60: #928f9a; + --color-neutral-variant-70: #78767f; --color-neutral-variant-80: #5f5d67; --color-neutral-variant-90: #47464e;