# Change your app name and theme color

Change the app name in Project settings and choose its brand color from the canvas toolbar. Saving through either control creates a new editing version for a generated app, ready to inspect in Preview.

## Before you start

Open a project you can edit, wait for running tasks to finish, and return to its current editing version. This example renames Client Notes to Client Notes Studio, then changes the primary color to Sage.

These two controls are free to use. Changes made through the AI conversation use Credits.

## Change the app name

1. Click the gear beside the app name in the Builder header to open **Project settings**.
2. Under **App details**, choose **Edit app details**.
3. Update **App name**. You can also add a description if needed.
4. Check the text, select **Save**, and wait for saving to finish.

[![The App name field contains Client Notes Studio, with Cancel and Save controls below.](https://ideamade.ai/help/en/app-name-form.jpg)](https://ideamade.ai/help/en/app-name-form.jpg)

_Edit the name in App details. You can cancel before saving._

5. Close settings after the save finishes. Check the name in the Builder header and app preview.

[![Client Notes Studio appears in both Builder and the app navigation, with editing version v7 selected.](https://ideamade.ai/help/en/app-name-result.jpg)](https://ideamade.ai/help/en/app-name-result.jpg)

_The saved name appears in the Builder header and app navigation._

If custom copy, such as a tagline, still uses the old name, ask for that text to be updated in the conversation.

## Preview a theme color

1. Select **Set app theme color** in the canvas toolbar.
2. Choose a preset. This example uses **Sage**.
3. Inspect the buttons, links, and selected states to compare the new color’s immediate preview.

[![Sage is selected in the theme panel, and the preview’s buttons and navigation accents appear green.](https://ideamade.ai/help/en/app-theme-preview.jpg)](https://ideamade.ai/help/en/app-theme-preview.jpg)

_Compare the appearance before saving. The panel also includes a Custom color control._

Choose **Cancel** to return to the saved color. Opening the panel again shows the previously saved theme.

## Save the theme and check it

1. When you are happy with the color, choose **Save theme**.
2. Wait for **Theme color saved** in the conversation and check that the editing version has advanced.
3. Refresh the preview and reopen the theme panel to check the saved color.

[![Editing version v8 retains Sage when the theme panel is reopened; Save theme is disabled because there is no new change.](https://ideamade.ai/help/en/app-theme-saved.jpg)](https://ideamade.ai/help/en/app-theme-saved.jpg)

_Refresh and reopen the theme panel to check the saved color._

Browse a few commonly used pages. Check that text is readable and that buttons and selected states are easy to recognize.

The theme affects brand elements that use the app’s primary color. Status colors, chart categories, and explicitly styled local elements may retain their own colors. To change one button, use [component editing](https://ideamade.ai/help/select-components) and specify that the change is local.

## Update an app that is already live

After saving the name or theme, check the preview and follow [Restore versions and publish your app](https://ideamade.ai/help/versions-and-publishing) to make the update available to live users.

To undo a saved change, preview an earlier app version and decide whether to restore it. Restoration affects the whole version, so check whether it also contains earlier interface or functionality changes.

## Common questions

### Why is Save theme disabled?

If your selection matches the saved color, there is nothing new to save. If a task is running, wait for it to finish and try again.