Default page background colour unknown

Does anyone know what the default colour code is for the background of views? Its a slight grey, I just want buttons to have a matching colour and I dont know what the # is for it.

Try #FAFAFA

1 Like

You can always use browser dev tools to find out, or consult the theme files (${ignitionInstallDirectory}/data/modules/com.inductiveautomation.perspective/themes/${theme}/variable.css).

1 Like

It is #FAFAFB

1 Like

Thanks, this looks about right

Add a color-picker extension to your browser. It’s very handy to have.

If you aren’t already, you should use styles and classes to set the properties of all your components. And, when doing that, use the built-in style colours. See https://docs.inductiveautomation.com/display/DOC81/Perspective+Themes for the list. It’s then really easy to switch between light and dark themes, etc.

1 Like