lywsvip/eSIM-Tools
1
0
Fork 0
mirror of https://github.com/Silentely/eSIM-Tools.git synced 2026-09-03 06:24:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

🎨 style: 步骤指示器背景改为暖橘黄，与页面卡片一致

Browse Source 
替换冷灰白渐变，采用奶油/琥珀色与品牌边框，暗色模式同步暖调。
This commit is contained in:
Abner
2026-07-11 13:21:37 +08:00
parent f0c75ef308
commit 9340bcc132
2 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/giffgaff/styles/giffgaff-components.css
View File

@@ -214,6 +214,7 @@
}
/* ===== 步骤指示器（进度轨见 design-system） ===== */
/* 背景与页面卡片统一：暖奶油/橘黄，避免冷灰白 */
.step-indicator {
display: flex;
justify-content: space-between;
@@ -223,9 +224,9 @@
counter-reset: step;
padding: 16px 24px;
border-radius: 16px;
background: linear-gradient(135deg, #f8fafc, #eef2f7);
border: 1px solid rgba(0,0,0,0.06);
box-shadow: 0 4px 14px rgba(0,0,0,0.08);
background: linear-gradient(135deg, #fffdf7 0%, #fff8e6 55%, #fff3d6 100%);
border: 1px solid rgba(255, 204, 0, 0.3);
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
}
.step {
@@ -289,7 +290,7 @@
.step-text {
font-size: 14px;
text-align: center;
color: #64748b;
color: #6b5a2e;
font-weight: 500;
transition: color var(--transition-fast, 160ms ease);
}
@@ -690,9 +691,9 @@
}
.step-indicator {
background: linear-gradient(135deg, #1e1e1e, #252525);
border-color: rgba(255, 255, 255, 0.08);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
background: linear-gradient(135deg, #2a2418 0%, #322b1c 55%, #3a2f1a 100%);
border-color: rgba(255, 204, 0, 0.22);
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.35);
}
.step-number {
@@ -703,7 +704,7 @@
}
.step-text {
color: #94a3b8;
color: #d6c48a;
}
.step.completed .step-text {

17
src/simyo/styles/simyo-base.css
View File

@@ -84,6 +84,7 @@ body {
}
/* 步骤指示器（进度轨见 design-system .step-indicator::before/::after） */
/* 背景与 Simyo 卡片统一：暖橙奶油色，避免冷灰白 */
.step-indicator {
display: flex;
justify-content: space-between;
@@ -93,9 +94,9 @@ body {
counter-reset: step;
padding: 16px 24px;
border-radius: 16px;
background: linear-gradient(135deg, #f8fafc, #eef2f7);
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
background: linear-gradient(135deg, #fffaf5 0%, #fff1e6 55%, #ffe8d6 100%);
border: 1px solid rgba(255, 107, 0, 0.3);
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
}
.step {
@@ -159,7 +160,7 @@ body {
.step-text {
font-size: 14px;
text-align: center;
color: #64748b;
color: #7c4a28;
font-weight: 500;
transition: color var(--transition-fast, 160ms ease);
}
@@ -307,9 +308,9 @@ textarea:focus-visible {
}
.step-indicator {
background: linear-gradient(135deg, #1e1e1e, #252525);
border-color: rgba(255, 255, 255, 0.08);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
background: linear-gradient(135deg, #2a1f16 0%, #322318 55%, #3a2818 100%);
border-color: rgba(255, 107, 0, 0.28);
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.35);
}
.step-number {
@@ -320,7 +321,7 @@ textarea:focus-visible {
}
.step-text {
color: #94a3b8;
color: #d4a574;
}
.step.completed .step-text {