800-827-5167     Mansfield, Pennsylvania      web.team@kingdom.com

Mobile Application Colors

In this section, we will go over each element found within the “Design” tab inside your app editor.

To help you get started, we’ve embedded a video overview below. If you prefer step-by-step screenshots, those are available below the video.

{loadmodule mod_gantry5_particle,Siberian “Colors tab” embed}


Our app editor gives you tons of control over the appearance of your app! You can change the color on nearly any element to make your app truly unique.

To change the color of a particular element, find it in the list on this page. Our editor has things organized into several smaller sub-sections with helpful titles to easily identify what you’re looking for.

When you’ve found the element you would like to change the color for, simply click the square block under the title.


After you click the box, a little window will pop up. This window allows you to fine-tune the color. Even if you don’t have background technical knowledge, our editor allows you to intuitively edit the colors by sight. You can click and drag your mouse around the box to adjust the shade, or drag the column on the right up or down to change to a different color.

If you’re used to working with RGB colors or Hex codes and already know the exact shade you want, you can also enter those values here!


You’ll notice that most of the color blocks have a horizontal slider under them.

That slider will allow you to adjust the transparency of the color. Making certain elements of the app slightly see-through can be a stylish design touch!

You can drag the slider anywhere from 0 to 100, so you can make things display with full, solid colors – or you can make them completely invisible! It’s totally up to you.

Advanced Customization: CSS/SCSS

At the bottom of the “Colors” page, you’ll find a section called “Advanced Customization: CSS/SCSS” with a button that says “Show”

If you click that button, it’ll open an empty text box where you can input any custom CSS code you would like to use.

To be clear, this feature is for advanced users. If you’re used to CSS coding and you like to tinker with things, this is your playground.

If not, no worries – you can still customize tons of features visually in other areas of our editor!

Mobile Application Colors

Leave a Reply

Scroll to top