diff --git a/src/app/_layout/footer/footer.component.html b/src/app/_layout/footer/footer.component.html
index 4ec8153..1d73925 100644
--- a/src/app/_layout/footer/footer.component.html
+++ b/src/app/_layout/footer/footer.component.html
@@ -13,7 +13,7 @@
         href="https://allbestsistem.com/"
         target="_blank"
         style="background-color: #ffffff !important;"
-        >Smart Building Management Systems (V@2024-07-18.02)
+        >Smart Building Management Systems (V@2024-07-22.01)
       </a></span
     >
   </p>
diff --git a/src/app/content/hemat-app/user-profile/profil-information/profil-information.component.html b/src/app/content/hemat-app/user-profile/profil-information/profil-information.component.html
index 84a63f5..42ab2f3 100644
--- a/src/app/content/hemat-app/user-profile/profil-information/profil-information.component.html
+++ b/src/app/content/hemat-app/user-profile/profil-information/profil-information.component.html
@@ -1,7 +1,7 @@
-<div class="card" style="background-color: #252525 !important">
+<div class="card" style="background-color: #fbfbfb !important">
   <div class="card-content">
-    <div class="card-header" style="background-color: #252525 !important">
-      <h2 style="color: #ffffff"></h2>
+    <div class="card-header" style="background-color: #fbfbfb !important">
+      <h2 style="color: #242222"></h2>
     </div>
     <div class="card-body">
       <form [formGroup]="profilInfo" (ngSubmit)="onProjectInfoSubmit()">
@@ -9,7 +9,7 @@
           <div class="row">
             <div class="col-md-8">
               <div class="form-group">
-                <label for="firstName" style="color: #ffffff">First Name</label>
+                <label for="firstName" style="color: #242222">First Name</label>
                 <input
                   type="text"
                   id="firstName"
@@ -23,7 +23,7 @@
                 </div>
               </div>
               <div class="form-group">
-                <label for="lastName" style="color: #ffffff">Last Name</label>
+                <label for="lastName" style="color: #242222">Last Name</label>
                 <input
                   type="text"
                   id="lastName"
@@ -37,7 +37,7 @@
                 </div>
               </div>
               <div class="form-group">
-                <label for="email" style="color: #ffffff">Email</label>
+                <label for="email" style="color: #242222">Email</label>
                 <input
                   type="text"
                   id="email"
@@ -51,7 +51,7 @@
                 </div>
               </div>
               <div class="form-group">
-                <label for="phone" style="color: #ffffff">Phone</label>
+                <label for="phone" style="color: #242222">Phone</label>
                 <input
                   type="text"
                   id="phone"
@@ -113,9 +113,9 @@
             type="button"
             class="btn btn-warning mr-1"
             style="
-              color: #ffffff !important;
+              color: #242222 !important;
               background-color: transparent !important;
-              border-color: #ffffff !important;
+              border-color: #fbfbfb !important;
               border-radius: 10px;
               width: 145px;
             "
@@ -127,8 +127,8 @@
             type="submit"
             class="btn btn-primary"
             style="
-              color: #000000 !important;
-              background-color: #c3f164 !important;
+              color: #ffffff !important;
+              background-color: #37a647 !important;
               border-radius: 10px;
               width: 145px;
             "
diff --git a/src/app/content/hemat-app/user-profile/update-password/update-password.component.html b/src/app/content/hemat-app/user-profile/update-password/update-password.component.html
index b032b51..e67fd40 100644
--- a/src/app/content/hemat-app/user-profile/update-password/update-password.component.html
+++ b/src/app/content/hemat-app/user-profile/update-password/update-password.component.html
@@ -1,10 +1,10 @@
 <section id="update-password">
   <div class="row">
     <div class="col-6">
-      <div class="card" style="background-color: #252525 !important">
+      <div class="card" style="background-color: #fbfbfb !important">
         <div class="card-content">
-          <div class="card-header" style="background-color: #252525 !important">
-            <h2 style="color: #ffffff">Update Password</h2>
+          <div class="card-header" style="background-color: #fbfbfb !important">
+            <h2 style="color: #242222">Update Password</h2>
           </div>
           <div class="card-body">
             <form [formGroup]="profilInfo" (ngSubmit)="onProjectInfoSubmit()">
@@ -49,7 +49,7 @@
                       </button>
                     </div> -->
                     <div class="form-group">
-                      <label for="newPass" style="color: #ffffff"
+                      <label for="newPass" style="color: #242222"
                         >New Password</label
                       >
                       <div class="input-group">
@@ -69,7 +69,7 @@
                             type="button"
                             class="btn btn-link"
                             (click)="toggleNewPassVisibility()"
-                            style="color: #c3f164 !important"
+                            style="color: #37a647 !important"
                           >
                             <i
                               [class]="
@@ -98,7 +98,7 @@
                     </div>
 
                     <div class="form-group">
-                      <label for="confirmPass" style="color: #ffffff"
+                      <label for="confirmPass" style="color: #242222"
                         >Confirm Password</label
                       >
                       <div class="input-group">
@@ -118,7 +118,7 @@
                             type="button"
                             class="btn btn-link"
                             (click)="toggleConfirmPassVisibility()"
-                            style="color: #c3f164 !important"
+                            style="color: #37a647 !important"
                           >
                             <i
                               [class]="
@@ -151,9 +151,9 @@
                   type="button"
                   class="btn btn-warning mr-1"
                   style="
-                    color: #ffffff !important;
+                    color: #242222 !important;
                     background-color: transparent !important;
-                    border-color: #ffffff !important;
+                    border-color: #fbfbfb !important;
                     border-radius: 10px;
                     width: 145px;
                   "
@@ -165,8 +165,8 @@
                   type="submit"
                   class="btn btn-primary"
                   style="
-                    color: #000000 !important;
-                    background-color: #c3f164 !important;
+                    color: #fff !important;
+                    background-color: #37a647 !important;
                     border-radius: 10px;
                     width: 145px;
                   "
diff --git a/src/app/content/hemat-app/user-profile/user-profile.component.css b/src/app/content/hemat-app/user-profile/user-profile.component.css
index 9c9d077..cad176f 100644
--- a/src/app/content/hemat-app/user-profile/user-profile.component.css
+++ b/src/app/content/hemat-app/user-profile/user-profile.component.css
@@ -5,9 +5,9 @@
 }
 
 .tab-link {
-  background-color: #333;
+  background-color: #fbfbfb;
   border-radius: 8px;
-  color: #C3F164;
+  color: #37a647;
   padding: 10px 20px;
   cursor: pointer;
   border: none;
@@ -18,8 +18,8 @@
 
 .tab-link:hover,
 .tab-link.active {
-  background-color: #C3F164;
-  color: black !important;
+  background-color: #37a647;
+  color: #fff !important;
 }
 
 .tab-content {
diff --git a/src/app/content/hemat-app/user-profile/user-profile.component.html b/src/app/content/hemat-app/user-profile/user-profile.component.html
index d632aac..8a7a5b9 100644
--- a/src/app/content/hemat-app/user-profile/user-profile.component.html
+++ b/src/app/content/hemat-app/user-profile/user-profile.component.html
@@ -1,4 +1,4 @@
-<div class="app-content content" style="background-color: #000000 !important">
+<div class="app-content content" style="background-color: #fbfbfb !important">
   <div class="content-wrapper">
     <div class="content-header row mb-1">
       <app-breadcrumb class="col-12" [breadcrumb]="breadcrumb"></app-breadcrumb>
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
index 85e8cb5..054eb14 100644
--- a/src/app/login/login.component.html
+++ b/src/app/login/login.component.html
@@ -138,7 +138,7 @@
                 <p
                   class="card-subtitle line-on-side text-muted text-center font-small-3 mx-2 my-1"
                 >
-                  <span>(v@2024.07.18.02)</span>
+                  <span>(v@2024.07.22.01)</span>
                 </p>
                 <!-- <div class="card-body">
                   <a