diff --git a/src/index.less b/src/index.less index 9e7e4d4..388ca9e 100644 --- a/src/index.less +++ b/src/index.less @@ -5,7 +5,8 @@ @css-prefix-iconfont : ivu-icon; // Color -@primary-color : #2d8cf0; +// 主色与登录页渐变同源(靛蓝系),保证登录前后视觉一致 +@primary-color : #4f6ef7; @info-color : #2db7f5; @success-color : #19be6b; @processing-color : @primary-color; diff --git a/src/view/login/login.less b/src/view/login/login.less index 71c7aa8..92ddfbe 100644 --- a/src/view/login/login.less +++ b/src/view/login/login.less @@ -1,11 +1,11 @@ -/* 登录页:纯 CSS 简约风格(渐变背景 + 居中卡片),无图片与粒子依赖 */ +/* 登录页:纯 CSS 简约风格,配色与全局主色(@primary-color: #4f6ef7)同源 */ .login { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; - background: linear-gradient(135deg, #f5f7fb 0%, #e4eaf6 50%, #dce6f5 100%); + background: linear-gradient(135deg, #f0f3fe 0%, #e2e9fd 50%, #d8e3fc 100%); .login-con { width: 320px; @@ -19,7 +19,7 @@ font-size: 32px; font-weight: 700; letter-spacing: 4px; - color: #2d3748; + color: #3a4f9e; text-transform: uppercase; } @@ -27,13 +27,13 @@ margin-top: 6px; font-size: 13px; letter-spacing: 6px; - color: #8a94a6; + color: #7d8bb8; } } .login-card { border-radius: 10px; - box-shadow: 0 8px 28px rgba(45, 55, 72, .1); + box-shadow: 0 8px 28px rgba(79, 110, 247, .16); text-align: left; } @@ -45,6 +45,6 @@ margin-top: 18px; font-size: 12px; letter-spacing: 2px; - color: #9aa5b5; + color: #8f9cc4; } }