kai/web-terminal
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(ios): dark-appearance-first + readable dirty badge (gold-on-light contrast)

Browse Source 
Amber-gold accent is designed for the desktop's warm-dark background; on light
mode gold text/badges wash out. Match the desktop (dark theme by default):
.preferredColorScheme(.dark) at the root. DirtyBadge becomes a soft filled
capsule (amber on amber-18%) instead of amber-on-quaternary, readable in any mode.
This commit is contained in:
Yaojia Wang
2026-07-06 08:10:34 +02:00
parent a887638557
commit d36deb6922
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
ios/App/WebTerm/Screens/ProjectDetailScreen.swift
View File

@@ -259,11 +259,12 @@ struct ProjectDetailScreen: View {
struct DirtyBadge: View { struct DirtyBadge: View {
var body: some View { var body: some View {
Text(ProjectsCopy.dirtyBadge) Text(ProjectsCopy.dirtyBadge)
.font(DS.Typography.caption) .font(DS.Typography.caption.weight(.medium))
// 软填充胶囊：amber 字 + amber 淡底（非浅灰底），明暗两态都清晰。
.foregroundStyle(DS.Palette.statusWaiting) .foregroundStyle(DS.Palette.statusWaiting)
.padding(.horizontal, DS.Space.sm8) .padding(.horizontal, DS.Space.sm8)
.padding(.vertical, DS.Space.xs2) .padding(.vertical, DS.Space.xs2)
.background(.quaternary, in: Capsule()) .background(DS.Palette.statusWaiting.opacity(0.18), in: Capsule())
} }
} }

4
ios/App/WebTerm/Wiring/RootView.swift
View File

@@ -24,6 +24,10 @@ struct RootView: View {
// DS：唯一的根 tint 注入点（Tokens.swift 头注约定）。子树若需别的 // DS：唯一的根 tint 注入点（Tokens.swift 头注约定）。子树若需别的
// 语义色（gate 的 amber、终端的 orange）在各自局部 `.tint` 覆盖。 // 语义色（gate 的 amber、终端的 orange）在各自局部 `.tint` 覆盖。
.tint(DS.Palette.accent) .tint(DS.Palette.accent)
// 深色优先 —— 对齐桌面 web 主题（DEFAULT_SETTINGS.theme = 'dark'）。
// 琥珀金强调色是为暖深色背景设计的（桌面 --bg #100F0D）；浅色底上
// 金字对比不足。深色下 accent/status 全部高对比，且与桌面观感一致。
.preferredColorScheme(.dark)
} }
} }