Qorong'u rejim va rang sxemalari

import SwiftUI

struct AdaptivKartaKorinishi: View {
    // Joriy rang sxemasini o'qish — .light yoki .dark
    @Environment(\.colorScheme) var colorScheme

    var body: some View {
        VStack(alignment: .leading, spacing: 12) {
            // .primary — yorug'da qora, qorong'uda oq
            Text("Sarlavha")
                .font(.headline)
                .foregroundStyle(.primary)

            // .secondary — biroz shaffof, ikkinchi darajali matn uchun
            Text("Ikkinchi darajali matn")
                .font(.subheadline)
                .foregroundStyle(.secondary)

            // Tizim aksent rangi — iOS sozlamalarida o'rnatilgan
            Text("Aksent")
                .foregroundStyle(.accent)

            // Faqat kerak bo'lganda qo'lda tekshirish
            if colorScheme == .dark {
                Text("Qorong'u rejim aktiv")
                    .font(.caption)
                    .foregroundStyle(.yellow)
            }
        }
        .padding()
        // regularMaterial — avtomatik moslashuvchi muzli shisha
        .background(.regularMaterial)
        .clipShape(RoundedRectangle(cornerRadius: 16))
        .padding()
    }
}

// Qalinlik darajalari — yuqoridan pastga: ko'proq shaffof
.background(.ultraThinMaterial)   // Eng ingichka, eng shaffof
.background(.thinMaterial)        // Yupqa
.background(.regularMaterial)     // Standart — ko'p holat uchun
.background(.thickMaterial)       // Qalin
.background(.ultraThickMaterial)  // Eng qalin, eng kam shaffof

// Assets.xcassets da "BrandRed" rangini yarating
// Any Appearance: #FF3B30
// Dark: #FF6B5B  ← qorong'u rejim uchun yorqinroq

// Kodda bir xil ishlatiladi — tizim avtomatik tanlaydi
Text("Brend rangi")
    .foregroundStyle(Color("BrandRed"))

struct SozlamalarKorinishi: View {
    @AppStorage("isDarkMode") var isDarkMode = false

    var body: some View {
        Toggle("Qorong'u rejim", isOn: $isDarkMode)
            .padding()
            // Bu ko'rinish va barcha pastki viewlarga qo'llanadi
            .preferredColorScheme(isDarkMode ? .dark : .light)
    }
}

// Preview da sinovdan o'tkazish
#Preview("Qorong'u rejim") {
    AdaptivKartaKorinishi()
        .preferredColorScheme(.dark)
}

#Preview("Yorug' rejim") {
    AdaptivKartaKorinishi()
        .preferredColorScheme(.light)
}