diff options
| author | Christian Cleberg <[email protected]> | 2026-07-20 21:02:28 -0500 |
|---|---|---|
| committer | Christian Cleberg <[email protected]> | 2026-07-20 21:03:10 -0500 |
| commit | 1c2830fbfc8cccfc0c585ec2356467bb95bc1642 (patch) | |
| tree | fee1100afb3ed00c6057a470f3d3201a9ef8130c /DomainDig/DashboardView.swift | |
| parent | 9e58a36915bb1fe8cf88423c9519c0c12dbbf2e2 (diff) | |
| download | domain-dig-1c2830fbfc8cccfc0c585ec2356467bb95bc1642.tar.gz domain-dig-1c2830fbfc8cccfc0c585ec2356467bb95bc1642.tar.bz2 domain-dig-1c2830fbfc8cccfc0c585ec2356467bb95bc1642.zip | |
fix(a11y): replace translucent accent washes with authored surfaces
The selected Dashboard summary card rendered lavender, not blue. Its
background was a gradient of statusInfo at 28% and 12% opacity — a
dark-mode trick where a translucent accent over near-black reads as a
dim version of itself. Over a light background the same wash desaturates
toward violet.
Swapped for the authored StatusInfoSurface, which is a real colour with
a real contrast measurement rather than an emergent one. Same treatment
for the selected tag-filter chip (statusInfo at 30%) and an
intelligence-section badge (statusWarning at 14%).
The remaining opacity use, a 0.55 stroke in ContentView, is a border
rather than a text background and is left alone.
Verified across appearance and contrast settings on iOS 18.6: light 21
findings, light + Increase Contrast 18, dark 18, dark + Increase Contrast
18. Increase Contrast lowering the light count is the High Contrast
colorset variants working as intended on the system section headers.
Diffstat (limited to 'DomainDig/DashboardView.swift')
| -rw-r--r-- | DomainDig/DashboardView.swift | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/DomainDig/DashboardView.swift b/DomainDig/DashboardView.swift index 16c4478..32af2a5 100644 --- a/DomainDig/DashboardView.swift +++ b/DomainDig/DashboardView.swift @@ -215,9 +215,13 @@ struct DashboardView: View { private func cardBackground(for filter: PortfolioFilterOption) -> some ShapeStyle { if viewModel.dashboardFilter == filter { + // Uses the authored info surface rather than a translucent wash of + // the accent. `statusInfo` at 28% over a light background renders + // lavender, not blue — an artefact of carrying a dark-only opacity + // trick into light mode. return AnyShapeStyle( LinearGradient( - colors: [Color(.statusInfo).opacity(0.28), Color(.statusInfo).opacity(0.12)], + colors: [Color(.statusInfoSurface), Color(.appSurface)], startPoint: .topLeading, endPoint: .bottomTrailing ) |
