---
title: "Change Button Colors"
slug: "changing-button-colors"
updated: 2025-10-31T19:14:07Z
published: 2025-10-31T19:14:07Z
canonical: "documentation.prc-saltillo.com/changing-button-colors"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.prc-saltillo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Change Button Colors

## Change Basic Colors

When changing the colors of a button, you can apply basic colors to any or all of the following: the entire button, its outline, font, label, symbol, and background.

1. Select **Menu** > **Editor**.
2. Select **Edit** and choose the button you want to modify.
3. Select the **Colors** tab on the left.
4. Select the applicable tab at the top of the window.

**Button:** Change the color of the entire button

**Outline:** Add a colored border to the button

**Font:** Change the color of the button’s label

**Label:** Add a colored background to the button’s label

**Symbol:** Add a colored background to the button’s symbol

**Background:** Add a colored background to the button
5. Select any of the basic colors. If you previously created any custom colors, they will also be available to select. The button preview will show the change.
6. When you finish changing colors, select **Finished** and then select **Save**.

---

## Add Custom Colors

You can customize button colors for any or all of the following: the entire button, its outline, font, label, symbol, and background. When you create a custom color, it will appear under Custom Colors in the basic colors window to select for future use.

You can find RGB color codes and hex color codes on the internet.

1. Select **Menu** > **Editor**.
2. Select **Edit** and choose the button you want to modify.
3. Select the **Colors** tab on the left.
4. Select the applicable tab at the top of the window.

**Button:** Change the color of the entire button

**Outline:** Add a colored border to the button

**Font:** Change the color of the button’s label

**Label:** Add a colored background to the button’s label

**Symbol:** Add a colored background to the button’s symbol

**Background:** Add a colored background to the button
5. Select the **Custom Color** button.

**Note:** If you decide to apply a basic color instead of a custom color, select the **Back** button.
6. Create a custom color by using any of the following methods.
  - Select the Red, Green, or Blue field, use the keyboard to enter a new RGB value, and select **Finished**. If applicable, repeat for the other RGB fields. The Hex Code and color slider values will change accordingly.
  - Select the Hex Code field, use the keyboard to enter a new hex value, and select **Finished**. The RGB and slider values will change accordingly.
  - Move the color gradient slider or move the cursor in the color gradient box.
7. The custom color will appear in the New Color/Current Color box.
8. If you are not satisfied with the color, continue making adjustments until you create the color you want.
9. Select **Save Color**. The button preview will show the change, and the New Color/Current Color box will show your custom color.
10. To change additional colors for the button, repeat steps 4 through 9.
11. When you finish changing colors, select **Finished**.
12. The button will show the new color(s) on the vocabulary page.

**Note:** Your new color(s) also appear under Custom Colors in the basic colors window to select for future use.
  - If you are satisfied with the button colors, select **Save**. The new color will be available under
  - If you are not satisfied with your changes, select **Cancel** and **No, don’t Save**. The button will revert to its previous colors.