diff --git a/angular/src/app/presentation-options/default-option/components/navbar/navbar.component.scss b/angular/src/app/presentation-options/default-option/components/navbar/navbar.component.scss
index c270e25..3803664 100644
--- a/angular/src/app/presentation-options/default-option/components/navbar/navbar.component.scss
+++ b/angular/src/app/presentation-options/default-option/components/navbar/navbar.component.scss
@@ -13,8 +13,8 @@
   box-sizing: border-box;
   padding: 12px 16px;
   width: 100%;
-  background: var(--button-color);
-  color: var(--button-text-color);
+  background: var(--header-color);
+  color: var(--text-color);
   display: grid;
   justify-content: space-between;
   grid-template-columns: auto auto auto;
diff --git a/angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.scss b/angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.scss
index 458bace..c70e18c 100644
--- a/angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.scss
+++ b/angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.scss
@@ -211,6 +211,10 @@
       height: 100%;
       justify-content: center;
       align-items: center;
+
+      p {
+	  color: var(--text-color);	  
+      }
     }    
     .guest-card {
 	max-width: 600px;
diff --git a/angular/src/app/presentation-options/default-option/pages/login/login.component.html b/angular/src/app/presentation-options/default-option/pages/login/login.component.html
index 5da8335..3f336e6 100644
--- a/angular/src/app/presentation-options/default-option/pages/login/login.component.html
+++ b/angular/src/app/presentation-options/default-option/pages/login/login.component.html
@@ -8,6 +8,9 @@
 	     }"
   ></app-navbar>
 <div class="wrapper" *ngIf="isShowNumber; else smsCode">
+  <div class="logo">
+    <img src="./assets/LOGO3.svg" alt="" width="50%" />
+  </div>
   <form  
     (ngSubmit)="submitNumber()"
     [formGroup]="phoneForm"
diff --git a/angular/src/app/presentation-options/default-option/pages/login/login.component.scss b/angular/src/app/presentation-options/default-option/pages/login/login.component.scss
index 845139b..12bc1fd 100644
--- a/angular/src/app/presentation-options/default-option/pages/login/login.component.scss
+++ b/angular/src/app/presentation-options/default-option/pages/login/login.component.scss
@@ -14,6 +14,13 @@
       left: 50%;
       transform: translate(-50%, -50%);
   }
+  .logo {
+      text-align: center;
+      margin-bottom: 40px;
+      img {	  
+	  width: 50%;
+      }
+  }
   h1 {
     margin-top: 20px;
     width: 302px;
@@ -161,8 +168,8 @@
         will-change: transform;
       }
       .box:focus-within {
-        box-shadow: 0 0 6px 1px rgba(rgb(127, 32, 97), 0.2),
-          0 0 0 2px rgba(rgb(127, 32, 97), 0.6);
+        box-shadow: 0 0 6px 1px var(--text-color_2),
+          0 0 0 2px var(--main-color_hover);
       }
       .box::before,
       .box::after {
diff --git a/angular/src/favicon.ico b/angular/src/favicon.ico
index b8de112..0558e51 100644
Binary files a/angular/src/favicon.ico and b/angular/src/favicon.ico differ
diff --git a/angular/src/styles.scss b/angular/src/styles.scss
index 1a14b62..2f2afcb 100644
--- a/angular/src/styles.scss
+++ b/angular/src/styles.scss
@@ -36,20 +36,20 @@ $accent: (
 );
 
 $primary: (
-    50 : #ffffff,
-    100 : #ffffff,
-    200 : #ffffff,
-    300 : #ffffff,
-    400 : #ffffff,
-    500 : #ffffff,
-    600 : #ffffff,
-    700 : #ffffff,
-    800 : #ffffff,
-    900 : #ffffff,
+    50 : #f9f6f0,
+    100 : #f1e9da,
+    200 : #e8dac2,
+    300 : #decbaa,
+    400 : #d7bf97,
+    500 : #d0b485,
+    600 : #cbad7d,
+    700 : #c4a472,
+    800 : #be9c68,
+    900 : #b38c55,
     A100 : #ffffff,
-    A200 : #ffffff,
-    A400 : #ffffff,
-    A700 : #ffffff,
+    A200 : #fff4e4,
+    A400 : #ffdeb1,
+    A700 : #ffd397,
     contrast: (
         50 : #000000,
         100 : #000000,
@@ -111,38 +111,34 @@ body {
 }
 
 :root {
-    --main-color: #000000;
+    --main-color: #d0b485;
     --main-border-radius: 35px;
     --background-color: #000000;
+    --header-color: #303030;
     
     --text-color: #ffffff;
-    --text-color_1: #aaaaaa;
+    --text-color_1: #303030;
+    --text-color_2: rgba(208, 180, 133, 0.6);
     
-    --button-color: #ffffff;
-    --button-color_disabled: #aaaaaa;
+    --button-color: #d0b485;    
     
-    --button-text-color: #000000;
-    --button-text-color_disabled: #cccccc;
+    --button-text-color: #303030;    
 
-    --main-color_hover: rgba(0, 0, 0, 0.2);
+    --main-color_hover: rgba(208, 180, 133, 0.2);
 }
 
 .mdc-button__label {
-    color: var(--background-color) !important;
+    color: var(--text-color) !important;
 }
 
 .mdc-text-field--outlined:not(.mdc-text-field--disabled, .mdc-text-field--invalid) .mdc-notched-outline__leading,
 .mdc-text-field--outlined:not(.mdc-text-field--disabled, .mdc-text-field--invalid) .mdc-notched-outline__notch,
 .mdc-text-field--outlined:not(.mdc-text-field--disabled, .mdc-text-field--invalid) .mdc-notched-outline__trailing {
-    border-color: var(--text-color_1);    
-}
-
-.mdc-text-field--outlined:not(.mdc-text-field--disabled, .mdc-text-field--invalid) .mdc-notched-outline__leading {
-    
+    border-color: var(--text-color_2);    
 }
 
 .mat-mdc-outlined-button:not(:disabled) {
-    border-color: var(--button-text-color) !important;
+    border-color: var(--text-color) !important;    
 }
 
 .mat-h1,
@@ -162,13 +158,18 @@ body {
 }
 
 .mdc-text-field:not(.mdc-text-field--disabled, .mdc-text-field--invalid) .mdc-floating-label {
-    color: var(--text-color_1);
+    color: var(--text-color_2);
 }
 
 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
     color: var(--text-color);
 }
 
+.mat-bottom-sheet-container {
+    background: var(--header-color);
+    color: var(--text-color);
+}
+
 hr {
     width: 100%;
     border-top: 1px solid #BDBDBD;