# Dialogs Properties

## Overview

<figure><img src="https://3933488479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjpWd52BKwABWxF2lScUK%2Fuploads%2Fgit-blob-11d4389e044cb50f0c2755fa01cb4d07ca73558e%2Ftheme-dialogs.jpg?alt=media" alt=""><figcaption><p>Dialogs Properties</p></figcaption></figure>

The **Dialogs Properties** section defines the appearance of various dialog boxes within the application. Dialogs are used to interact with users, providing information, prompts, and input fields.

## Properties

{% hint style="info" %}
All properties have an additional button: `Select Color`, which opens the [color chooser](https://docs.servoy.com/reference/servoy-developer/object-editors/color-chooser) wizard.
{% endhint %}

Here's an in-depth look at each property:

### Info Dialog header bg

This property sets the background color of the header for informational dialogs. These dialogs typically display non-critical information to the user.\
Value: Hex color code or CSS variable (e.g., `@brand-info`).

### Info Dialog header color

This property defines the text color used in the header of informational dialogs. Ensuring the text is readable against the background.\
Value: Hex color code or CSS variable (e.g., `@brand-info-inverse`).

### Question Dialog header bg

This property sets the background color of the header for question dialogs. These dialogs often prompt the user for a decision or answer.\
Value: Hex color code or CSS variable (e.g., `@window-header-bg`).

### Question Dialog header color

This property specifies the text color for the header in question dialogs, ensuring readability.\
Value: Hex color code or CSS variable (e.g., `@window-header-color`).

### Input and Select Dialog header bg

This property sets the background color of the header for dialogs that require user input or selection.\
Value: Hex color code or CSS variable (e.g., `@window-header-bg`).

### Input and Select Dialog header color

This property defines the text color for the header in input and select dialogs, ensuring it stands out against the background.\
Value: Hex color code or CSS variable (e.g., `@window-header-color`).