Additional Named Colors, Color Theming Page update and more!

We recently added a Dark theme to the JourneyApps Container. This enabled users to use your apps in environments where a light theme would put strain on their eyes.

Today, we're excited to announce that we have updated the color tools within the JourneyApps Container, as well as our Color Theming page. These updates empower you to deliver complete color themed apps to your users.

Introducing Additional Named Colors

Since Color Theming was introduced with v4.1.6 of the JourneyApps Container, developers have been able to set a list of pre-selected named color values (e.g. Primary, Positive, Negative, etc).

As components and their color usage evolved, the selection of named colors didn't cut it anymore. This lead to the ability to set components' colors to hex values. Unfortunately, a hex value doesn't carry much meaning and it's easy to forget whether #C0FFEE is a pale blue or a dark, creamy brown.

Introducing Additional Named Colors. Now you can add your own named colors and their values. These names can be used in any color= tag within your app, making it easy to keep track of your colors and effortless to re-use them.

Updates to the Color Theming page

  • A brand new user interface & improved usability.

  • All new component previews allow you to see the effect of your color changes (in real time!) on Lists, Object Tables and Buttons 2.0.

  • The ability to add Additional Named Colors to your apps.

  • All named colors (the standard JourneyApps Named Colors & your new Additional Named Colors) can be given different values in Light and Dark theme. This ensures that your colors will work well, regardless of the theme your user is in.

Tips & Tricks

  • Accidentally skipped the Color Theming page's walkthrough screens introducing the new features? Just click on the "What's New?" link at the top to see them again.

  • To switch themes in your app, use journey.theme = "dark"; // or 'light' in your app's JS. This is supported from v4.37 of the JourneyApps Container.

  • The use of Additional Named Colors is also available from v4.37 of the JourneyApps Container.

  • We recommend employing the Dark theme in apps that are used in conditions with little lighting, e.g. in mine shafts, at industrial sites, or during night shifts.

Last updated