Dynamic Appearance mode

DynamicColorSchemeModifier.swift

//  DynamicColorSchemeModifier.swift

import Foundation
import SwiftUI

struct DynamicColorSchemeModifier: ViewModifier {
  @EnvironmentObject private var settingsStore: SettingsStore
  // Allows to manage colorScheme independently for any view
  @State private var colorScheme: ColorScheme?

  func body(content: Content) -> some View {
    content
      .preferredColorScheme(colorScheme)
      .onLoad {
        switch settingsStore.darkModeEnabled {
        case true:
          colorScheme = .dark
        case false:
          colorScheme = .light
        default:
          colorScheme = nil
        }
      }
      .onChange(of: settingsStore.darkModeEnabled) { newValue in
        switch newValue {
        case true:
          colorScheme = .dark
        case false:
          colorScheme = .light
        default:
          colorScheme = nil
        }
      }
  }
}


extension View {
  func dynamicColorSchemeSettings() -> some View {
    modifier(DynamicColorSchemeModifier())
  }
}

SettingsStore.swift

//  SettingsStore.swift

import Foundation
import SwiftUI

class SettingsStore: ObservableObject {

  enum Key {
    static let darkMode = "DarkModeEnabled"
  }

  @AppStorage(Key.darkMode) private(set) var darkModeEnabled: Bool?

  func setDarkModeEnabled(_ enabled: Bool = true) {
    darkModeEnabled = enabled
  }
}