# Appearance

> Colours, font and corner radius for the button and the window.

Source: https://docs.tryyoursize.com/reference/ios/appearance/

*Type* · `TryYourSize (Swift)`

Colours, font and corner radius for the button and the window. With `.inherit` (default) the button takes your SwiftUI font and text colour and the window your app's colours, dark mode included.

## Properties

- **`theme`** (`Theme`, required)
- **`colorPrimary`** (`TYSColor?`, required): Buttons and the tape line on the body; the "connected" dot on the size guide.
- **`colorBackground`** (`TYSColor?`, required)
- **`colorText`** (`TYSColor?`, required)
- **`fontFamily`** (`String?`, required): A CSS font-family for the window (e.g. "Inter, -apple-system, sans-serif"). The native button uses the SwiftUI font of where it is placed.
- **`borderRadius`** (`Double?`, required): Corner radius in points (0–32) for cards, inputs and buttons.
- **`fonts`** (`[URL]`, required): Stylesheets with @font-face rules for the window (Google Fonts only).

## Example

**Swift**

```swift
let tys = try TryYourSize(publishableKey: "pk_test_…", configuration: .init(
    appearance: Appearance(borderRadius: 10),
    locale: "es"))
```

**Kotlin**

```kotlin
val tys = TryYourSize(context, "pk_test_…", TryYourSize.Configuration(
    appearance = Appearance(borderRadius = 10f),
    locale = "es",
))
```

**React Native**

```tsx
await configure("pk_test_…", { appearance: { variables: { borderRadius: 10 } }, locale: "es" });
```

**Flutter**

```dart
final tys = await TryYourSize.create('pk_test_…', appearance: const Appearance(borderRadius: 10), locale: 'es');
```