style(ui): style and content polish

style and content polish

packages/phrases-ui/src/locales/zh-cn.ts

@@ -40,7 +40,7 @@ const translation = {
   },
   description: {
     email: '邮箱',
-    phone_number: '手机',
+    phone_number: '手机号',
     username: '用户名',
     reminder: '提示',
     not_found: '404 页面不存在',
@@ -75,7 +75,7 @@ const translation = {
     no_account: '还没有账号？',
     have_account: ' 已有账号？',
     enter_password: '输入密码',
-    enter_password_for: '输入 {{method}} {{value}} 对应的密码进行登录',
+    enter_password_for: '输入{{method}} {{value}} 对应的密码进行登录',
     enter_username: '设置用户名',
     enter_username_description: '用户名可以用来进行登录。用户名仅可以包含字母、数字和下划线。',
     link_email: '绑定邮箱',

packages/phrases/src/locales/zh-cn/errors.ts

@@ -68,7 +68,7 @@ const errors = {
   },
   session: {
     not_found: '未找到会话。请返回并重新登录。',
-    invalid_credentials: '账号或密码错误，请重新输入。',
+    invalid_credentials: '账号或密码错误。',
     invalid_sign_in_method: '当前登录方式不可用',
     invalid_connector_id: '找不到 ID 为 {{connectorId}} 的可用连接器。',
     insufficient_info: '登录信息缺失，请检查你的输入。',

packages/ui/src/scss/_colors.scss

@@ -136,6 +136,10 @@
     linear-gradient(0deg, rgba(202, 190, 255, 8%), rgba(202, 190, 255, 8%)),
     linear-gradient(0deg, rgba(196, 199, 199, 2%), rgba(196, 199, 199, 2%)),
     #191c1d;
+  --color-surface-3:
+    linear-gradient(0deg, rgba(202, 190, 255, 11%), rgba(202, 190, 255, 11%)),
+    linear-gradient(0deg, rgba(196, 199, 199, 2%), rgba(196, 199, 199, 2%)),
+    #191c1d;
   --color-surface-4:
     linear-gradient(0deg, rgba(202, 190, 255, 14%), rgba(202, 190, 255, 14%)),
     linear-gradient(0deg, rgba(196, 199, 199, 2%), rgba(196, 199, 199, 2%)),
@@ -165,7 +169,7 @@
     #191c1d;
   --color-bg-layer-2: var(--color-surface-4);
   --color-bg-float-base: var(--color-neutral-100);
-  --color-bg-float: var(--color-surface-2);
+  --color-bg-float: var(--color-surface-3);
   --color-bg-float-overlay: var(--color-surface-4);
   --color-bg-mask: rgba(0, 0, 0, 60%); // 60% --color-neutral-100;
   --color-bg-toast: var(--color-neutral-80);