# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.droptopfour.com/setting-up/appearances/color-and-opacity.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.