diff --git a/template/app/App_Resources/Android/src/main/res/values/colors.xml b/template/app/App_Resources/Android/src/main/res/values/colors.xml
index 2d0390d..103b779 100644
--- a/template/app/App_Resources/Android/src/main/res/values/colors.xml
+++ b/template/app/App_Resources/Android/src/main/res/values/colors.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
     <color name="ns_primary">#F5F5F5</color>
-    <color name="ns_primaryDark">#53ba82</color>
+    <color name="ns_primaryDark">#000</color>
     <color name="ns_accent">#33B5E5</color>
     <color name="ns_blue">#272734</color>
 </resources>
diff --git a/template/app/components/App.vue b/template/app/components/App.vue
index 67b0592..87b6215 100644
--- a/template/app/components/App.vue
+++ b/template/app/components/App.vue
@@ -1,6 +1,6 @@
 {{#if_eq preset "Simple"}}<template>
-    <Page>
-        <ActionBar title="Welcome to NativeScript-Vue!"/>
+    <Page class="page">
+        <ActionBar title="Welcome to NativeScript-Vue!" class="action-bar"/>
         <GridLayout colums="*" rows="*">
             <Label class="message" :text="msg" col="0" row="0"/>
         </GridLayout>
@@ -18,11 +18,6 @@
 </script>
 
 <style scoped>
-    ActionBar {
-        background-color: #53ba82;
-        color: #ffffff;
-    }
-
     .message {
         vertical-align: center;
         text-align: center;