# Appearance

> Colours (ARGB ints), font and corner radius for the button and the window.

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

*Type* · `com.tryyoursize:tryyoursize-android`

Colours (ARGB ints), font and corner radius for the button and the window. With `INHERIT` (default) they follow your app theme, dark included.

## Properties

- **`theme`** (`Theme`, optional, default `Theme.INHERIT`)
- **`colorPrimary`** (`Int?`, optional, default `null`): ARGB colour ints (android.graphics.Color / Compose `toArgb()`). Buttons, the tape line, the "connected" dot.
- **`colorBackground`** (`Int?`, optional, default `null`)
- **`colorText`** (`Int?`, optional, default `null`)
- **`fontFamily`** (`String?`, optional, default `null`): A CSS font-family for the window (e.g. "Inter, Roboto, sans-serif"). The native button uses the Compose text style where it is placed.
- **`borderRadius`** (`Float?`, optional, default `null`): Corner radius in dp (0–32) for cards, inputs and buttons.
- **`fonts`** (`List<String>`, optional, default `emptyList()`): Stylesheets with @font-face rules for the window (Google Fonts only).

## Example

**Kotlin**

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

**Swift**

```swift
let tys = try TryYourSize(publishableKey: "pk_test_…", configuration: .init(
    appearance: Appearance(borderRadius: 10),
    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');
```