Hierarchical color styles #tip #swiftui

HierarchicalStyles.swift

// Demonstrates hierarchical color variants (primary → quinary).
// Useful for subtle gradients of the same base color without defining new values.

import SwiftUI

struct HierarchicalStylesView: View {
  var body: some View {
    VStack(spacing: 16) {
      Circle().foregroundStyle(Color.red)
      Circle().foregroundStyle(Color.red.secondary)
      Circle().foregroundStyle(Color.red.tertiary)
      Circle().foregroundStyle(Color.red.quaternary)
      Circle().foregroundStyle(Color.red.quinary)
    }
    .frame(maxHeight: .infinity)
    .padding()
  }
}

#Preview {
  HierarchicalStylesView()
}