From b31bd30161b7c625c397367d40eac7820099fc04 Mon Sep 17 00:00:00 2001 From: nikolay Date: Thu, 25 May 2023 16:57:04 +0400 Subject: [PATCH] =?UTF-8?q?dev=20#14305=20=D0=98=D0=B7=D0=BC=D0=B5=D0=BD?= =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=B4=D0=B8=D0=B7=D0=B0=D0=B9=D0=BD?= =?UTF-8?q?=D0=B0=20WPA=20=D0=9A=D0=BE=D1=84=D0=B5-=D0=BB=D0=B0=D0=B9?= =?UTF-8?q?=D0=BA=D0=B0:=20change=20styles?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../social-media-buttons.component.scss | 2 +- .../default-option/components/navbar/navbar.component.scss | 3 +-- .../social-media-buttons.component.scss | 4 ++-- angular/src/styles.scss | 7 +++++++ 4 files changed, 11 insertions(+), 5 deletions(-) diff --git a/angular/src/app/components/social-media-buttons/social-media-buttons.component.scss b/angular/src/app/components/social-media-buttons/social-media-buttons.component.scss index 6cd7512..af0f2ba 100644 --- a/angular/src/app/components/social-media-buttons/social-media-buttons.component.scss +++ b/angular/src/app/components/social-media-buttons/social-media-buttons.component.scss @@ -12,4 +12,4 @@ align-items: center; justify-content: center; } -} \ No newline at end of file +} 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 2949102..0d6cf27 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 @@ -6,8 +6,7 @@ box-sizing: border-box; padding: 12px 16px; width: 100%; - background: #231f20; - box-shadow: 0px 8px 16px rgba(17, 17, 17, 0.5); + background: var(--button-color); color: var(--button-text-color); display: grid; justify-content: space-between; diff --git a/angular/src/app/presentation-options/default-option/components/social-media-buttons/social-media-buttons.component.scss b/angular/src/app/presentation-options/default-option/components/social-media-buttons/social-media-buttons.component.scss index 6cd7512..109b400 100644 --- a/angular/src/app/presentation-options/default-option/components/social-media-buttons/social-media-buttons.component.scss +++ b/angular/src/app/presentation-options/default-option/components/social-media-buttons/social-media-buttons.component.scss @@ -7,9 +7,9 @@ width: 48px; height: 48px; border-radius: 100%; - background: #333333; + background: var(--button-color); display: flex; align-items: center; justify-content: center; } -} \ No newline at end of file +} diff --git a/angular/src/styles.scss b/angular/src/styles.scss index 910445d..e34ead8 100644 --- a/angular/src/styles.scss +++ b/angular/src/styles.scss @@ -46,6 +46,13 @@ hr { border-top: 1px solid #BDBDBD; } +.mat-bottom-sheet-container { + box-shadow: 0px 8px 10px -5px rgba(255, 255, 255, 0.2), 0px 16px 24px 2px rgba(255, 255, 255, 0.14), 0px 6px 30px 5px rgba(255, 255, 255, 0.12); + background: var(--background-color); + color: var(--text-color); +} + + .mat-form-field-appearance-outline .mat-form-field-outline { color: var(--button-color_disabled) !important; }