# Interface Style

{% tabs %}
{% tab title="Button Color" %}
You can now fully customize the Transcript Button to match your preferences.

**Select a Color:**

* Use the **Primary** and **Secondary** sliders at the top to choose your button colors.
* Adjust the shade using the color gradient or hue bar on the right.

**Preview Your Selection:**

* As you adjust the color, the preview will update to show how the Transcript Button will look.

**Finalize Your Choice:**

* Once you're satisfied, your changes will automatically apply to the interface for a personalized experience.

{% hint style="info" %}
To revert to the default color settings, click the "restore" button in the top right corner of the extension page.
{% endhint %}

<figure><img src="https://4007767039-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWxxxCJF9O6XMKOXdA4sz%2Fuploads%2FZeJBypDKkrBE1ahr0cdL%2F76dd8b1d2e39403a4a684603ed40e314.png?alt=media&#x26;token=bce543d9-e6e6-461a-937f-f01b1e6e1ca6" alt="" width="283"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Button Size" %}
To adjust the size of the Transcript Button:

* **Modify Size:** Drag the slider left or right to decrease or increase the button size.

{% hint style="info" %}
To revert to the default size, click the "restore" button in the top right corner of the extension page.
{% endhint %}

<figure><img src="https://content.gitbook.com/content/WxxxCJF9O6XMKOXdA4sz/blobs/8jZmcvrQN3fb7kk78isg/0be7d9bc77db241820a196a603604330.png" alt="" width="280"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}