New themes added

src/app/modals/profile/edit-profile/edit-profile.page.html

@@ -21,9 +21,9 @@
         </div> -->
       </div>
 
-      <div >
+      <div>
         <div class="d-flex align-center">
-          <ion-icon  class="profile-pic"  src="assets/images/icons-default-profile.svg"></ion-icon>
+          <ion-icon class="profile-pic" src="assets/images/icons-default-profile.svg"></ion-icon>
         </div>
       </div>
 
@@ -51,15 +51,41 @@
             </div>
           </div>
         </div>
+
+        <div class="profile-title d-flex justify-space-between align-center width-100">
+          <div class="d-flex align-center">
+            <div>Tema</div>
+          </div>
+        </div>
+
+        <div class="profile-title d-flex justify-space-between align-center width-100">
+          <div class="d-flex align-center">
+            <div class="btn-close d-flex cursor-pointer" (click)="changeTheme('grey')">
+              
+              <ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
+            </div>
+
+            <div class="btn-close d-flex cursor-pointer" (click)="changeTheme('blue')">
+              <ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
+            </div>
+
+            <div class="btn-close d-flex cursor-pointer" (click)="close()">
+              <ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
+            </div>
+
+          </div>
+        </div>
+
       </div>
 
+
       <div class="login-preference width-100" *ngIf="!platform.is('desktop') && !platform.is('mobileweb')">
         <div class="preference">Preferência Login</div>
 
         <ion-row>
           <ion-col class="align-center d-flex">
-            <div class="d-flex align-center"  (click)="LoginPreferenceMethod('Pin')">
-              <ion-checkbox [checked]="SessionStore.user.LoginPreference=='Pin' " class="checkBox" ></ion-checkbox>
+            <div class="d-flex align-center" (click)="LoginPreferenceMethod('Pin')">
+              <ion-checkbox [checked]="SessionStore.user.LoginPreference=='Pin' " class="checkBox"></ion-checkbox>
               PIN
             </div>
           </ion-col>
@@ -77,15 +103,15 @@
   <div class="d-flex justify-space-between">
 
     <ion-buttons slot="start" (click)="close()">
-      <button class="btn-cancel" fill="clear" color="#061b52" >
+      <button class="btn-cancel" fill="clear" color="#061b52">
         <ion-label>Cancelar</ion-label>
       </button>
-      </ion-buttons>
-      <ion-buttons slot="end" (click)="close()">
-        <button class="btn-ok" fill="clear" color="#fff" >
-          <ion-label>Gravar</ion-label>
-        </button>
-      </ion-buttons>
+    </ion-buttons>
+    <ion-buttons slot="end" (click)="close()">
+      <button class="btn-ok" fill="clear" color="#fff">
+        <ion-label>Gravar</ion-label>
+      </button>
+    </ion-buttons>
   </div>
 
-</ion-footer>
+</ion-footer>