krz/domain-dig

an ios app for DNS & SSL analysis

clone: git clone https://gitbay.org/krz/domain-dig.git

1c2830fbfc8cccfc0c585ec2356467bb95bc1642

unsigned

author: Christian Cleberg <hello@cleberg.net> · 2026-07-21T02:02:28Z

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.

 DomainDig/ContentView.swift   | 2 +-
 DomainDig/DashboardView.swift | 6 +++++-
 DomainDig/DomainDigUI.swift   | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

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)