# Hover & Selected State

This feature allows users to customize color formatting for the visual's **Hover** and **Selected** states to enhance user interaction and readability.

## **Hover State:**

1. **Text Color:** Adjust the text color when hovered.
2. **Background Color:** Change the background color on hover for a dynamic visual effect.

<figure><img src="https://2237530339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPIvQSuyE40UC9wv5uGgW%2Fuploads%2Fq5IZQ0mNkvQn86sFwLH5%2FScreenshot%202024-11-28%20192936.png?alt=media&#x26;token=74695774-c1b6-4c44-9ea2-a6aebdf5e282" alt=""><figcaption><p>Image 1: Hover State section in display settings.</p></figcaption></figure>

## **Selected State:**&#x20;

1. **Filter Icon Color:** Customize the filter icon color using the dropdown menu.

<figure><img src="https://2237530339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPIvQSuyE40UC9wv5uGgW%2Fuploads%2F7oxWjz8DWtRHxc6A6O0A%2FScreenshot%202024-11-28%20192948.png?alt=media&#x26;token=33599b99-e2a5-466f-a353-c56b08249989" alt=""><figcaption><p>Image 2: Selected State section in display settings.</p></figcaption></figure>
