You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: ui/theme.md
+5-3Lines changed: 5 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -44,11 +44,11 @@ As of NativeScript version 2.4, the core theme is installed by default when you
44
44
npm install nativescript-theme-core --save
45
45
```
46
46
47
-
After you install the theme, you need to add a single `@import` CSS rule to your `app.css` file in order to include the theme in your app.
47
+
After you install the theme, you need to add a single `@import` CSS rule to your `app.css` file in order to include the theme in your app. But first you need to decide which of the theme’s color schemes you’d like to use.
48
48
49
49
## Color Schemes
50
50
51
-
The NativeScript core theme includes two standard color schemes, light and dark.
51
+
The NativeScript core theme includes two standard color schemes, light and dark. Here’s what they look like on Android (left) and iOS (right).
52
52
53
53

54
54
@@ -65,7 +65,7 @@ And in order to use the dark scheme, add this line of code to your `app.css` ins
> **TIP**: When using the dark color scheme, make sure that you 1) apply the [`page` class name](#page) to ensure your app’s text displays appropriately, and 2) [alter your app’s status bar colors](#status-bar-considerations).
68
+
> **TIP**: When using the dark color scheme, make sure that you, 1) apply the [`page` class name](#page) to ensure your app’s text displays appropriately, and 2) [alter your app’s status bar colors](#status-bar-considerations).
69
69
70
70
You may want to alternatively use one of the 11 other color schemes included in the NativeScript core theme. To do so, switch your `app.css` file to use one of the following imports.
71
71
@@ -382,10 +382,12 @@ The NativeScript core theme includes a few class names to apply to ActionBar UI
382
382
{% endangular %}
383
383
384
384
>**TIP**: You can use the various ActionBar class names to create an ActionBar-like look without actually using the ActionBar UI components. You may find this approach useful for using in [modal pages](/core-concepts/navigation#modal-pages), for instance.
0 commit comments