COLORS

src/pages/games/games.html

@@ -23,14 +23,14 @@
   </ion-navbar>
 </ion-header>
 
-<ion-content padding>
+<ion-content class = "games-content" padding>
   <ion-list>
     <ion-item-sliding  *ngFor="let game of userGames" (click)="openSummary({id:game.id})">
     <ion-item>
         <ion-thumbnail item-start>
             <img src="{{game.imageURL}}">
         </ion-thumbnail>
-      <h2>{{game.title}}</h2>
+      <h2><strong>{{game.title}}</strong></h2>
       <h3>{{ game.studio }}</h3>
       <h4>{{ game.platform }}</h4>
     </ion-item>

src/pages/games/games.scss

@@ -1,3 +1,16 @@
 page-games {
 
+    .toolbar-background {
+        background-color: rgb(188, 228, 194);
+      }
+
+    .games-content {
+        background: #fcf1e0;
+
+        ion-item {
+            background: #fcf1e0;
+        }
+    }
+
+    
 }

src/pages/home/home.html

@@ -4,7 +4,7 @@
   </ion-navbar>
 </ion-header>
 
-<ion-content padding>
+<ion-content class="games-content" padding>
   <h2>Total Games Added By Users</h2>
   <ion-list>
     <ion-item-sliding  *ngFor="let game of games" (click)="openSummary({id:game.id})">

src/pages/home/home.scss

@@ -1,3 +1,13 @@
 page-home {
+    .toolbar-background {
+        background-color: rgb(188, 228, 194);
+      }
 
+      .games-content {
+        background: #fcf1e0;
+
+        ion-item {
+            background: #fcf1e0;
+        }
+    }
 }

src/pages/tabs/tabs.scss

@@ -0,0 +1,3 @@
+.tabs-md .tabbar {
+    background: rgb(188, 228, 194);
+}

src/pages/user/user.html

@@ -4,7 +4,7 @@
   </ion-navbar>
 </ion-header>
 
-<ion-content padding>
+<ion-content class = "user-page" padding>
   <ion-list>
     <h2>Email</h2>
     <h2>{{singleUser.email}}</h2>

src/pages/user/user.scss

@@ -1,3 +1,8 @@
 page-user {
-
+    .toolbar-background {
+        background-color: rgb(188, 228, 194);
+      }
+    .user-page {
+        background: #fcf1e0;
+    }  
 }