O'Reilly logo

NativeScript for Angular Mobile Development by Nathanael J. Anderson, Nathan Walker

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Finishing touches

Let's use color to finalize our initial app style. It's time to change the base color used in the ActionBar to provide the overall feeling we want with the app. Let's start by defining a few variables in app/style/_variables.scss:

// baseline theme colors@import '~nativescript-theme-core/scss/dark';$slate: #150e0c;// page$background: $black;// action-bar$ab-background: $black;

With those few changes, we have given our app a different (objectively sleeker) vibe:

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required