> For the complete documentation index, see [llms.txt](https://aldertlake.gitbook.io/docs-full-modern-menu/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aldertlake.gitbook.io/docs-full-modern-menu/customization/colors-and-style.md).

# Colors & Style

## Customize Using Data Asset

Simply locate the Data Asset named **Settings\_Configuration** in `FMM_CorePlugin/Full_Modern_Menu/`. Inside, you can customize most color and style settings for each individual widget in the menu.

### 🔲 Customize Background Of Widgets

Inside the **Settings\_Configuration** Data Asset you can customize and replace any background image for each widget !

<figure><img src="https://content.gitbook.com/content/zBeSi5Zg7SXSwj6kLMdE/blobs/9nvQJInIXGfhVO9pQ5dh/%7BA8E11CC1-75D9-4BB6-AEF8-4D1E54000E28%7D.png" alt=""><figcaption></figcaption></figure>

For a transparent background, if you want a level to act as a background for a dynamic BG, simply assign an Empty\_Texture to the target BG.

You may notice a dark filter applied to all widgets — you can easily adjust its intensity or remove it entirely by setting its value to **0** inside the Data Asset.

<figure><img src="https://content.gitbook.com/content/zBeSi5Zg7SXSwj6kLMdE/blobs/U5i4qeyjkG6ySJDn20CU/%7BDAB3B4B7-0BC3-468F-8C56-5120D0154FCE%7D.png" alt=""><figcaption></figcaption></figure>

Some widgets, such as the settings-related ones and the key mapping widget, also support blur strength customization — this can be adjusted directly within the Data Asset.

<figure><img src="https://content.gitbook.com/content/zBeSi5Zg7SXSwj6kLMdE/blobs/xHZ8OO5IuVWRed0fWmxv/%7B20CB916D-7DC2-415E-8E3D-B1F5C772535A%7D.png" alt=""><figcaption></figcaption></figure>

Inside the Appearance section, you can customize colors, images, opacity, and everything else related to this option.

### 🔲 Customize Button Style

You can easily customize a button’s look—colors and images—using two simple methods, depending on the specific button.

Many buttons (including those in message boxes) can be styled directly through the Data Asset

<figure><img src="https://content.gitbook.com/content/zBeSi5Zg7SXSwj6kLMdE/blobs/34JsH6KtotbdJubpFfcZ/%7B2089C1E4-DAB9-4E0E-BF99-FFB878D45CEE%7D.png" alt=""><figcaption></figcaption></figure>

Some buttons, like the arrows used in each settings tab, can be customized by opening the source widget, selecting the button directly in the Designer tab, and adjusting its style manually.

{% hint style="info" %}
Note that the arrow's size is **25 x 25** if you plan to make custom ones!
{% endhint %}

<figure><img src="https://content.gitbook.com/content/zBeSi5Zg7SXSwj6kLMdE/blobs/H4hkaiJKMlTAHVN1LwRw/%7BBCC38724-5381-4F91-AF18-9411790781F8%7D.png" alt=""><figcaption><p>Appearance For positif arrow of Voice Volume</p></figcaption></figure>

### 🔃 Progress Bars Fill & BG Color.

Within the FMM, progress bars are only used in the settings section. You can globally customize their fill image or color through the Data Asset—these settings will apply to all progress bars across all settings-related widgets.

Below, you'll see two tabs: the first one represents the Settings Menu accessed from the Pause Menu, while the second shows the Settings Menu accessed from the Main Menu. Feel free to experiment with both and find the style that best matches your vision and the overall look of your game!

<figure><img src="https://content.gitbook.com/content/zBeSi5Zg7SXSwj6kLMdE/blobs/TZsRCANGbVEsDHcBsRak/%7B6B183AD8-6942-4445-80DB-B95D80BF8797%7D.png" alt=""><figcaption></figcaption></figure>
