App set up

ionic.config.json

@@ -2,5 +2,11 @@
   "name": "stockpile",
   "app_id": "",
   "v2": true,
-  "typescript": true
+  "typescript": true,
+  "proxies": [
+    {
+      "path": "/api",
+      "proxyUrl": "http://localhost:5000"
+    }
+  ]
 }

src/theme/variables.scss

@@ -5,16 +5,6 @@ $font-path: "../assets/fonts";
 @import "ionic.globals";
 
 
-// Shared Variables
-// --------------------------------------------------
-// To customize the look and feel of this app, you can override
-// the Sass variables found in Ionic's source scss files.
-// To view all the possible Ionic variables, see:
-// http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/
-
-
-
-
 // Named Color Variables
 // --------------------------------------------------
 // Named colors makes it easy to reuse colors on various components.
@@ -24,26 +14,39 @@ $font-path: "../assets/fonts";
 // The "primary" color is the only required color in the map.
 
 $colors: (
-  primary:    #387ef5,
-  secondary:  #32db64,
-  danger:     #f53d3d,
-  light:      #f4f4f4,
-  dark:       #222
+  primary:    #6d435a,
+  secondary:  #b1ede8,
+  danger:     #ff6978,
+  light:      #fffcf9,
+  dark:       #352d39
 );
 
 
-// App iOS Variables
+// Shared Variables
 // --------------------------------------------------
-// iOS only Sass variables can go here
+// To customize the look and feel of this app, you can override
+// the Sass variables found in Ionic's source scss files.
+// To view all the possible Ionic variables, see:
+// http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/
 
+$tabs-background: color($colors, primary);
+$toolbar-background: color($colors, primary);
 
+$text-color: color($colors, dark);
+$tabs-tab-color-active: color($colors, light);
+$tabs-tab-color-inactive: color($colors, light);
+
+
+// App iOS Variables
+// --------------------------------------------------
+// iOS only Sass variables can go here
 
 
 // App Material Design Variables
 // --------------------------------------------------
 // Material Design only Sass variables can go here
 
-
+$tabs-md-tab-color-inactive: color($colors, light);
 
 
 // App Windows Variables
@@ -68,7 +71,7 @@ $colors: (
 // The premium icon font for Ionic. For more info, please see:
 // http://ionicframework.com/docs/v2/ionicons/
 
-@import "ionicons";
+@import "ionic.ionicons";
 
 
 // Fonts