test: vue demo app update

Author: farfromrefug

demo-vue/app/App_Resources/Android/src/main/res/values/styles.xml

@@ -2,7 +2,7 @@
 <resources xmlns:android="http://schemas.android.com/apk/res/android">
 
     <!-- theme to use FOR launch screen-->
-    <style name="LaunchScreenThemeBase" parent="Theme.MaterialComponents.Light.NoActionBar">
+    <style name="LaunchScreenThemeBase" parent="Theme.MaterialComponents.DayNight.NoActionBar">
         <item name="toolbarStyle">@style/NativeScriptToolbarStyle</item>
 
         <item name="colorPrimary">@color/ns_primary</item>
@@ -21,7 +21,7 @@
     </style>
 
     <!-- theme to use AFTER launch screen is loaded-->
-    <style name="AppThemeBase" parent="Theme.MaterialComponents.Light.NoActionBar">
+    <style name="AppThemeBase" parent="Theme.MaterialComponents.DayNight.NoActionBar">
         <item name="toolbarStyle">@style/NativeScriptToolbarStyle</item>
 
         <item name="colorPrimary">@color/ns_primary</item>

demo-vue/app/app.scss

@@ -1,24 +1,10 @@
 .mdi {
     font-family: 'materialdesignicons-webfont', 'Material Design Icons';
 }
-mdbutton {
-    color: black;
-    .ns-dark & {
-        color: white;
-    }
-}
 button {
     elevation: 2;
 }
 
-MDButton {
-    color: #000;
-    background-color: #fff;
-    .ns-dark & {
-        color: #fff;
-        background-color: #000;
-    }
-}
 
 .falseFAb {
     elevation: 2;
@@ -32,13 +18,6 @@ MDButton {
 .buttonYellow {
     background-color: yellow;
 }
-mdslider {
-    /* track-background-color: #E0E0E0; */
-}
-
-bottomnavigationbar {
-    inactive-color: gray;
-}
 
 .item-with-border {
     height: 50;

demo-vue/app/examples/Buttons.vue

@@ -9,6 +9,10 @@
         </ActionBar>
         <ScrollView>
             <StackLayout>
+                <MDButton text="raised button" @tap="onTap" />
+                <MDButton variant="text" text="text button" @tap="onTap" />
+                <MDButton variant="flat" text="flat button" @tap="onTap" />
+                <MDButton variant="outline" text="outline button" @tap="onTap" />
                 <MDButton id="button1" borderRadius="10" fontSize="20" text="raised button" @tap="onTap" />
                 <StackLayout v-show="isEditing">
                     <MDTextField class="session-details-input" :hint="'name'" />