From 1c2830fbfc8cccfc0c585ec2356467bb95bc1642 Mon Sep 17 00:00:00 2001 From: Christian Cleberg Date: Mon, 20 Jul 2026 21:02:28 -0500 Subject: fix(a11y): replace translucent accent washes with authored surfaces MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- DomainDig/ContentView.swift | 2 +- DomainDig/DashboardView.swift | 6 +++++- DomainDig/DomainDigUI.swift | 2 +- 3 files changed, 7 insertions(+), 3 deletions(-) (limited to 'DomainDig') diff --git a/DomainDig/ContentView.swift b/DomainDig/ContentView.swift index 47512c8..f48e2a0 100644 --- a/DomainDig/ContentView.swift +++ b/DomainDig/ContentView.swift @@ -1779,7 +1779,7 @@ struct SubdomainsSectionView: View { .foregroundStyle(Color(.statusWarning)) .padding(.horizontal, 8) .padding(.vertical, 4) - .background(Color(.statusWarning).opacity(0.14)) + .background(Color(.statusWarningSurface)) .clipShape(Capsule()) } } 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 ) diff --git a/DomainDig/DomainDigUI.swift b/DomainDig/DomainDigUI.swift index 3aec259..fab76d5 100644 --- a/DomainDig/DomainDigUI.swift +++ b/DomainDig/DomainDigUI.swift @@ -466,7 +466,7 @@ struct TagFilterChipRowView: View { .font(.caption) .padding(.horizontal, 10) .padding(.vertical, 5) - .background(isSelected ? Color(.statusInfo).opacity(0.3) : Color(.appSurfaceElevated), in: Capsule()) + .background(isSelected ? Color(.statusInfoSurface) : Color(.appSurfaceElevated), in: Capsule()) .foregroundStyle(isSelected ? Color(.statusInfo) : Color.primary) } .buttonStyle(.plain) -- cgit v1.2.3