JourneyApps Legacy Release Notes
Return to JourneyApps Docs
  • Introducing whatsnew.journeyapps.com
  • JourneyApps Runtime
    • JourneyApps Runtime v4.76
    • JourneyApps Runtime v4.75
    • JourneyApps Runtime v4.74
    • JourneyApps Runtime bug fixes for v4.73.1 - v4.73.5
    • JourneyApps Runtime v4.73.0
    • JourneyApps Runtime v4.72.3 and v4.72.4
    • JourneyApps Runtime v4.72.2
    • JourneyApps Runtime v4.72.1
    • JourneyApps Runtime v4.72.0
    • JourneyApps Runtime v4.71
    • JourneyApps Runtime v4.70
    • JourneyApps Runtime v4.60
  • JourneyApps Container
    • JourneyApps Container v20.7.2
    • JourneyApps Container v20.7.1
    • JourneyApps Container v20.6.3
    • JourneyApps Container v20.6.2
    • JourneyApps Container v20.6.1
    • JourneyApps Container v20.4.3
    • JourneyApps Container v20.4.2
    • JourneyApps Container v20.4.1
    • JourneyApps Container v20.3.1
    • JourneyApps Container v20.2.1
    • JourneyApps Container v19.12.2
    • JourneyApps Container v19.12.1
    • JourneyApps Container v19.10.1
    • JourneyApps Container v4.59
    • JourneyApps Container v4.58
    • JourneyApps Container v4.57.2
    • JourneyApps Container v4.57.1
    • JourneyApps Container v4.56
    • JourneyApps Container v4.54
    • JourneyApps Container v4.53
    • JourneyApps Container v4.52
    • JourneyApps Container v4.51
    • JourneyApps Container v4.50
    • JourneyApps Container v4.49
    • JourneyApps Container v4.48
    • JourneyApps Container v4.47
    • JourneyApps Container v4.46
    • JourneyApps Container v4.45
    • JourneyApps Container v4.43
    • JourneyApps Container v4.42
    • JourneyApps Container v4.41
    • JourneyApps Container v4.40.5
    • JourneyApps Container v4.40
    • JourneyApps Container v4.39
    • JourneyApps Container v4.38
    • JourneyApps Container v4.37
    • JourneyApps Container v4.36
    • JourneyApps Container v4.35
    • JourneyApps Container v4.34
    • JourneyApps Container v4.33
    • JourneyApps Container v4.32
    • JourneyApps Container v4.31
    • JourneyApps Container v4.30
    • JourneyApps Container v4.29
    • JourneyApps Container v4.28
    • JourneyApps Container v4.27
    • JourneyApps Container v4.26
    • JourneyApps Container v4.25
    • JourneyApps Container v4.24
    • JourneyApps Container v4.23
    • JourneyApps Container v4.22
    • JourneyApps Container v4.21
    • JourneyApps Container v4.20
    • JourneyApps Container v4.19
    • JourneyApps Container v4.18
    • JourneyApps Container v4.17
    • JourneyApps Container v4.16
    • JourneyApps Container v4.15
    • JourneyApps Container v4.14
    • JourneyApps Container v4.13.1
  • CloudCode
    • CloudCode v1.10.0
    • CloudCode v1.9.8
    • CloudCode v1.9.7
    • CloudCode v1.9.6
    • CloudCode v1.9.5
    • CloudCode v1.9.4
    • CloudCode v1.9.3
    • CloudCode v1.5.1
    • CloudCode v1.4.2
    • CloudCode v1.4.1
    • CloudCode v1.3.2
    • CloudCode v1.3.1
    • CloudCode v1.3.0
    • CloudCode v1.2
    • CloudCode v1.1
    • CloudCode v1.0
  • Announcements
    • Additional Named Colors, Color Theming Page update and more!
    • Deeper Integration between XML and JS for more dynamic apps
    • Introducing Sync Rules v2
    • Introducing JS Console v2
    • JS Tasks End-of-life
    • Object Tables, Refreshed
    • CloudCode PDF Reports v0.4
    • Polish Week Releases for the App Editor!
    • Polish Week Releases for the JourneyApps Backend!
    • Private NPM Packages in CloudCode Tasks
    • Releases to the App Editor and Backend
    • Sync Rules opened up to all developers
    • We're enabling ATS on the iOS JourneyApps Container
    • CloudCode PDF Reports v0.4
Powered by GitBook
On this page
  • Introducing Additional Named Colors
  • Updates to the Color Theming page
  • Tips & Tricks
  1. Announcements

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.

PreviousCloudCode v1.0NextDeeper Integration between XML and JS for more dynamic apps

Last updated 3 years ago