fix: theme page

NativeScript · Aug 3, 2016 · 6cbc4ad · 6cbc4ad
1 parent 109baea
commit 6cbc4ad
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/app/pages/themes-vm.ts b/app/pages/themes-vm.ts
@@ -9,7 +9,7 @@ export class ThemesModel extends Observable {
 
   constructor() {
     super();
-    this.set('btnText', 'Default');
+    this.set('btnText', 'Nina');
   }
 
   public switchTheme() {
@@ -18,11 +18,12 @@ export class ThemesModel extends Observable {
     let appPath = knownFolders.currentApp().path + '/';
 
     if (this._toggled) {
+      this.set('btnText', 'Default');
+      themes.applyTheme(`${appPath}theme-nina.css`);
+
+    } else {
       this.set('btnText', 'Nina');
       themes.applyTheme(`${appPath}app.css`);
-    } else {
-      this.set('btnText', 'Default');
-      themes.applyTheme(`${appPath}nina-theme.css`);
     }
 
   }

diff --git a/app/pages/themes.xml b/app/pages/themes.xml
@@ -8,7 +8,7 @@
     </ActionBar>
   </Page.actionBar>
   <StackLayout>
-    <Button text="{{ 'Change Theme (' + btnText + ')'}}" tap="{{ switchTheme }}" />
+    <Button text="{{ 'Change Theme to ' + btnText}}" tap="{{ switchTheme }}" />
     <Label text="TO DO :)" textWrap="true" />
   </StackLayout>
 </Page>