From 886e49846357e29cd64e306251267451320f035b Mon Sep 17 00:00:00 2001
From: Tiago Alves <tralves@gmail.com>
Date: Thu, 11 Oct 2018 18:58:34 +0100
Subject: [PATCH] Fix action bar color according to the theme selected.

---
 .../App_Resources/Android/src/main/res/values/colors.xml | 2 +-
 template/app/components/App.vue                          | 9 ++-------
 2 files changed, 3 insertions(+), 8 deletions(-)

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;