# resolveAppearance()

> Resolves what the windows receive: for "inherit", the font, text colour and background where the element is mounted (buttons use the text colour, the way most stores style their primary button); expli

Source: https://docs.tryyoursize.com/reference/web/resolve-appearance/

*Function* · `@tryyoursize/sdk`

Resolves what the windows receive: for "inherit", the font, text colour and background where the element is mounted (buttons use the text colour, the way most stores style their primary button); explicit variables always win.

```ts
function resolveAppearance(mount: Element, input: Appearance = {}): Appearance
```

## Parameters

- **`mount`** (`Element`, required): The element whose computed style is read.
- **`input`** (`Appearance`, optional, default `{}`): Your appearance; explicit variables win.

## Returns

`Appearance`: The appearance our windows receive.

## Example

**JavaScript**

```js
console.log(resolveAppearance(document.querySelector("#size-guide")));
```