# Appearance

> Like the web SDK's (and Stripe's) Appearance API.

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

*Type* · `tryyoursize (Dart)`

Like the web SDK's (and Stripe's) Appearance API. Unset values inherit the app's.

## Properties

- **`theme`** (`AppearanceTheme`, required)
- **`colorPrimary`** (`Color?`, required): Buttons, the tape line, the "connected" dot.
- **`colorBackground`** (`Color?`, required)
- **`colorText`** (`Color?`, required)
- **`fontFamily`** (`String?`, required): A CSS font-family for the window (e.g. "Inter, sans-serif").
- **`borderRadius`** (`double?`, required): Corner radius in logical pixels (0–32).
- **`fonts`** (`List<String>`, required): Google Fonts stylesheet URLs for the window.

## Example

**Flutter**

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

**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" });
```