Styles and colors

Set app styles

Some styles can also be set through the Admin portal. The Login page, for example, can be stylized here, making this task easier for people or your clients who are just starting to learn about Bubble.

The colors of text and highlighting on portal sidebars can also be set here.

If you want to change the colors of elements throughout the app, check out the section of this reference about updating app colors.

Canvas styles

For more general information about the styles in our Canvas template, refer to the Styles section in Design & Layout.

How to update Canvas app colors

In order to update an app's colors, you must select it from the Canvas dashboard. You will need to sign up for an account in Canvas Portal and register your app. After your app is registered, go here to select your app, and go to the app colors tab.

Next, select some colors that you'd like to add. If you don't know what colors to add, you can use this color palette random generator.

In Bubble (and generally in web development), you can represent colors as a six-character "hex code". Here's an explanation of how this works from W3Schools:

A hexadecimal color is specified with: #RRGGBB.

RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the color.

For example, #0000FF is displayed as blue, because the blue component is set to its highest value (FF) and the others are set to 00.

You'll receive an email when your app's colors have been changed. This should be in about 20-30 minutes.