> For the complete documentation index, see [llms.txt](https://docs.droptopfour.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.droptopfour.com/setting-up/appearances/color-and-opacity.md).

# Color & opacity

To personalize your Droptop Four bar you can change its colors and opacity of every component. Just head to `Droptop settings >> Color & opacity` and start changing the colors to the ones you like.

In every color setting you'll find 3 sliders to adjust the RGB (Red, Green, Blue) values and one slider to adjust the opacity of the color you chose.

<figure><img src="/files/70Xj3J4G6RRvt6wjK6es" alt=""><figcaption><p>Color settings</p></figcaption></figure>

If you want to reset the colors, just press the `Reset` button at the end of the menu.

<figure><img src="/files/DJjUqLt00U1fRyYs4Gu4" alt="" width="375"><figcaption></figcaption></figure>

## Top bar background

This color is the background of the bar.&#x20;

## Top bar text

The color of all the text on the top bar.&#x20;

{% hint style="info" %}
This includes the color of the home icon if you are using a white icon and you disabled the icon colors. See[Home icon](/setting-up/appearances/home-icon.md#icon-colors) for other options.
{% endhint %}

## Dropdown background

The color of the background of every dropdown element (options, app, dialog) that isn't the top bar.

## Dropdown text

The color of the text of every dropdown element (options, app, dialog) that isn't the top bar text.

## Top bar highlight

The background color of every highlighted element on the top bar.

## Top bar highlight text

The text color of every highlighted element on the top bar.

## Dropdown highlight

The background color of every highlighted element in any dropdown element (options, app, dialog) that isn't on the top bar.

## Dropdown highlight text

The textcolor of every highlighted element in any dropdown element (options, app, dialog) that isn't on the top bar.