user pref

src/app/pages/preferences/preferences.page.html

@@ -17,13 +17,14 @@
           Tell us your best use scenario to help optimize your ease of use.
         </ion-card-content>
       </ion-card>
-      <div style="background-color: lightcyan; border-radius: 10px; padding: 10px;">
+      <div style="background-color: white; border-radius: 10px; padding: 20px;">
         <ion-list>
           <ion-item *ngFor="let item of prefData">
-            <ion-checkbox   labelPlacement="end"><span class="chk-item">{{item.description}}</span> </ion-checkbox>
+            <ion-checkbox class="chk-item"  labelPlacement="end"> </ion-checkbox><span class="chk-item" style="color: #0b5e86;">{{item.description}}</span>
           </ion-item>
         </ion-list>
       </div>
+
     </div>
   </div>
 </ion-content>

src/app/pages/preferences/preferences.page.scss

@@ -3,7 +3,8 @@ ion-content {
   color: black;
   .chk-item{
     color: #4c8dff;
-    font-size: 18px;
+    font-size: 22px;
+    font-weight: bolder;
   }
 }