# Color

## Overview

### Changing the Color Scheme

```swift
.environment(.colorScheme, .dark)
```

### Changing the Toolbar Color Scheme

```swift
.toolbarColorScheme(.dark, for: .navigationBar)
```

#### Sources

* [How to change status bar color in SwiftUI](https://sarunw.com/posts/swiftui-status-bar-color/)

### Detecting the Color Chema

```swift
struct ContentView: View {
    @Environment(\.colorScheme) var colorScheme

    var body: some View {
        Text(colorScheme == .dark ? "In dark mode" : "In light mode")
    }
}
```

#### Sources

* [Hacking with Swift / How to detect dark mode](https://www.hackingwithswift.com/quick-start/swiftui/how-to-detect-dark-mode)

### Adding ternary conditional into the color code

```swift
.foregroundColor(number > rating ? offColor : onColor)
```

**See also:** [Conditionals](https://swift.sedatonat.dev/codes/conditionals) / Ternary Conditional Operator

### Color Palette

Frosted Glass: .ultraThinMaterial

Translucent Black: .black.opactity((0.75))

.backgroundColor

.foregroundColor

### .foregroundColor vs .foregroundStyle

### LinearGradient()

## Sample Codes

```swift
```

## Sources

### Videos

{% embed url="<https://youtu.be/ZzB1tElJ3qE>" %}

{% embed url="<https://youtu.be/YoXMpvmxYlw>" %}

{% embed url="<https://youtu.be/kD8nolPczTc>" %}

### Articles / Documents

* [DesignCode.io / Light and Dark Modes](https://designcode.io/swiftui-handbook-light-dark-modes)