refactor(phase-4): standardize remaining transitions and box-shadows

- Replace all remaining 'transition: all' with specific token-based transitions
- Replace 80+ hardcoded box-shadow rgba values with semantic tokens
- Add new tokens: --shadow-side, --shadow-elevated, --shadow-dialog, --shadow-inset-top
- Update dark theme overrides for new shadow tokens
- 32 files changed, net +8 lines (more consistent, less duplication)
This commit is contained in:
Will Miao
2026-06-09 14:27:53 +08:00
parent 5797ce9408
commit 18577fa336
32 changed files with 177 additions and 169 deletions

View File

@@ -78,7 +78,7 @@
background: var(--card-bg);
color: var(--text-color);
font-size: 0.85em;
transition: all 0.2s ease;
transition: var(--transition-base);
cursor: pointer;
box-shadow: var(--shadow-xs);
}
@@ -186,7 +186,7 @@
color: var(--shortcut-text);
vertical-align: middle;
opacity: 0.8;
transition: all 0.2s ease;
transition: var(--transition-base);
}
.control-group button:hover .shortcut-key {
@@ -222,7 +222,7 @@
background-position: right 6px center;
background-size: 14px;
cursor: pointer;
transition: all 0.2s ease;
transition: var(--transition-base);
box-shadow: var(--shadow-xs);
}
@@ -295,7 +295,7 @@
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
transition: var(--transition-slow);
z-index: var(--z-overlay);
box-shadow: var(--shadow-sm);
}