> ## Documentation Index
> Fetch the complete documentation index at: https://docs.crossmint.com/llms.txt
> Use this file to discover all available pages before exploring further.

# CheckoutColorStyle

> Swift Structure

**Structure**

The colors of one checkout element.

```swift theme={null}
struct CheckoutColorStyle
```

Each value is a CSS color string, for example `"#1A1A1A"` or `"rgb(26, 26, 26)"`. Each element reads only the keys that apply to it. A key the element does not use has no effect.

## Initializers

### init(from:)

Inherited from `Decodable.init(from:)`.

```swift theme={null}
init(from decoder: any Decoder) throws
```

### init(text:background:backgroundPrimary:border:boxShadow:placeholder:)

Creates a color style.

```swift theme={null}
init(text: String? = nil, background: String? = nil, backgroundPrimary: String? = nil, border: String? = nil, boxShadow: String? = nil, placeholder: String? = nil)
```

## Instance Properties

| Property            | Type      | Description                                                    |
| ------------------- | --------- | -------------------------------------------------------------- |
| `background`        | `String?` | The background color.                                          |
| `backgroundPrimary` | `String?` | The primary background color.                                  |
| `border`            | `String?` | The border color.                                              |
| `boxShadow`         | `String?` | The CSS `box-shadow` value, for example `"0 0 0 2px #0066FF"`. |
| `placeholder`       | `String?` | The placeholder text color.                                    |
| `text`              | `String?` | The text color.                                                |