dev #14384 Правка ошибок отображения WPA КофеЛайк: change background to white

angular/src/app/presentation-options/default-option/components/footer/footer.component.html

@@ -1,4 +1,4 @@
-<img src="/assets/logo.svg" alt="Логотип">
+<img src="/assets/logo-light-theme.png" alt="Логотип">
 <h3>Горячая линия</h3>
 <a class="phone-number" href="tel:88003334130">8 (800) 333-41-30</a>
 <app-social-media-buttons></app-social-media-buttons>

angular/src/app/presentation-options/default-option/components/navbar/navbar.component.html

@@ -8,7 +8,7 @@
     <div *ngIf="showDropdown" class="backdrop" (click)="closeMenu()"></div>
     <div class="menu">
       <button mat-button (click)="toggleMenu()">
-	<span class="material-icons" style="color: var(--text-color) !important">
+	<span class="material-icons" style="color: var(--button-text-color) !important">
 	  more_horiz	
 	</span>
       </button>

angular/src/app/presentation-options/default-option/components/navbar/navbar.component.scss

@@ -15,11 +15,10 @@
     box-sizing: border-box;
     padding: 12px 16px;
     width: 100%;
-    background: var(--main-color_2);
+    background: var(--main-color_2);    
-    color: var(--button-text-color);
     display: flex;
     flex-direction: column;
-    gap: 10px;
+    gap: 10px;	
     .block {
 	display: flex;	
 	align-items: center;
@@ -33,6 +32,7 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
+	color: var(--button-text-color);
     }
     .plug {
 	height: 24px;
@@ -44,6 +44,7 @@
 	font-size: 17px;
 	line-height: 22px;
 	margin: 0 auto;	
+	color: var(--button-text-color);
     }    
     .menu {
 	position: relative;

angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.html

@@ -24,7 +24,8 @@
         [margin]="0"
         [size]="qrCodeSize"	  	  
         errorCorrectionLevel="H"
-        ></qr-code>           
+        ></qr-code>        
+        <span>Покажи баристе</span>   
     </div>
     <div class="guest-card__user-description">
       <p>        

angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.scss

@@ -35,9 +35,11 @@
     &__qr {
       margin: 10px;
       padding: 5px;
-      width: fit-content;      
+      width: fit-content;            
-      background-color: var(--text-color);
       border-radius: 6px;
+      align-items: center;
+      display: flex;
+      flex-direction: column;
       // background-image: linear-gradient(
       //     #008251 33%,
       //     transparent 0px,

angular/src/styles.scss

@@ -36,39 +36,38 @@ $primary: (
 );
 
 $accent: (
-    50 : #e5e4e4,
+    50 : #ffffff,
-    100 : #bdbcbc,
+    100 : #ffffff,
-    200 : #918f90,
+    200 : #ffffff,
-    300 : #656263,
+    300 : #ffffff,
-    400 : #444141,
+    400 : #ffffff,
-    500 : #231f20,
+    500 : #ffffff,
-    600 : #1f1b1c,
+    600 : #ffffff,
-    700 : #1a1718,
+    700 : #ffffff,
-    800 : #151213,
+    800 : #ffffff,
-    900 : #0c0a0b,
+    900 : #ffffff,
-    A100 : #ff52ff,
+    A100 : #ffffff,
-    A200 : #ff1fff,
+    A200 : #ffffff,
-    A400 : #eb00eb,
+    A400 : #ffffff,
-    A700 : #d200d2,
+    A700 : #ffffff,
     contrast: (
         50 : #000000,
         100 : #000000,
         200 : #000000,
-        300 : #ffffff,
+        300 : #000000,
-        400 : #ffffff,
+        400 : #000000,
-        500 : #ffffff,
+        500 : #000000,
-        600 : #ffffff,
+        600 : #000000,
-        700 : #ffffff,
+        700 : #000000,
-        800 : #ffffff,
+        800 : #000000,
-        900 : #ffffff,
+        900 : #000000,
         A100 : #000000,
-        A200 : #ffffff,
+        A200 : #000000,
-        A400 : #ffffff,
+        A400 : #000000,
-        A700 : #ffffff,
+        A700 : #000000,
     )
 );
 
-
 $primary-palette: mat.define-palette($primary);
 $accent-palette: mat.define-palette($accent);
 
@@ -115,10 +114,10 @@ body {
     --main-color: #28AF49;
     --main-color_2: #005C50;
     --main-border-radius: 35px;
-    --background-color: #231F20;    
+    --background-color: #ffffff;    
-    --background-color_1: #000000;
+    --background-color_1: #ffffff;
     
-    --text-color: #ffffff;
+    --text-color: #000000;
     --text-color_1: #8d8d8d;    
 
     --button-color: #28AF49 ;
@@ -157,7 +156,7 @@ body {
 }
 
 .mdc-button__label span {
-    color: var(--button-text-color) !important;
+    color: var(--text-color) !important;
 }
 
 .mat-mdc-outlined-button:not(:disabled) {