chore: demo app

Author: farfromrefug

demo-snippets/vue/Buttons.vue

@@ -9,7 +9,7 @@
         </ActionBar>
         <ScrollView>
             <StackLayout>
-                <MDButton text="raised button" @tap="onTap" />
+                <MDButton id="raised" text="raised button" @tap="onTap" />
                 <MDButton src="res://ic_action_add" text="button with icon" @tap="onTap" />
                 <MDButton variant="text" color="red" src="res://ic_action_add" text="button with icon and tint" @tap="onTap" />
                 <MDButton variant="text" text="text button" @tap="onTap" />

demo-snippets/vue/ProgressBars.vue

@@ -6,7 +6,7 @@
                         @tap="onNavigationButtonTap"></NavigationButton>
     </ActionBar>
     <StackLayout>
-      <MDProgress :value="value" maxValue="100" color="red" padding="0"></MDProgress>
+      <MDProgress :value="value" maxValue="100" padding="0"  height="10"></MDProgress>
             <MDProgress busy indeterminate="true" height="10"  padding="0"/>
             <AbsoluteLayout height="10" width="100%" backgroundColor="green"/>
       <MDProgress value="50" maxValue="100" ></MDProgress>

demo-snippets/vue/install.ts

@@ -36,17 +36,18 @@ import Mixins from './Mixins.vue';
 
 import '../app.scss';
 
-import {Trace} from '@nativescript/core';
+import { Trace } from '@nativescript/core';
 Trace.addCategories(Trace.categories.NativeLifecycle);
 Trace.addCategories(Trace.categories.ViewHierarchy);
 // Trace.enable();
 installMixins();
 installBottomSheet();
 if (__IOS__) {
-    themer.setPrimaryColor('#bff937');
-    themer.setPrimaryColorVariant('#33B5E5');
-    themer.setAccentColor('#ff8a39');
-    themer.setSecondaryColor('#a830d7');
+    themer.setPrimaryColor('#006E25');
+    themer.setOnPrimaryColor('#FFFFFF');
+    themer.setSecondaryColor('#526350');
+    themer.setSurfaceColor('#F9FAF4');
+    themer.setOnSurfaceColor('#1A1C19');
 }
 themer.createShape('cut', {
     cornerFamily: 'cut' as any,
@@ -57,7 +58,6 @@ themer.createShape('cut', {
 });
 
 export function installPlugin() {
-
     Vue.use(ActivityIndicatorPlugin);
     Vue.use(ButtonPlugin);
     Vue.use(CardViewPlugin);