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;