From 9b5cb38d62c5f2da26d88ff2c582133937d643f2 Mon Sep 17 00:00:00 2001
From: Max Peintner <max@caos.ch>
Date: Fri, 30 Jul 2021 13:40:15 +0200
Subject: [PATCH] fix(console): dialog theme background, multifactor buttons
 (#2111)

* fix: console dialog theme background, multifactor btns

* lint
---
 .../auth-factor-dialog/auth-factor-dialog.component.html      | 4 ++--
 console/src/styles.scss                                       | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/console/src/app/pages/users/user-detail/auth-user-detail/auth-factor-dialog/auth-factor-dialog.component.html b/console/src/app/pages/users/user-detail/auth-user-detail/auth-factor-dialog/auth-factor-dialog.component.html
index c0bce6911..11b909306 100644
--- a/console/src/app/pages/users/user-detail/auth-user-detail/auth-factor-dialog/auth-factor-dialog.component.html
+++ b/console/src/app/pages/users/user-detail/auth-user-detail/auth-factor-dialog/auth-factor-dialog.component.html
@@ -6,13 +6,13 @@
         <p class="desc">{{'USER.MFA.DIALOG.ADD_MFA_DESCRIPTION' | translate}}</p>
 
         <div class="type-selection">
-            <button mat-raised-button [disabled]="data.otpDisabled" (click)="selectType(AuthFactorType.OTP)">
+            <button mat-raised-button color="primary" [disabled]="data.otpDisabled" (click)="selectType(AuthFactorType.OTP)">
                 <div class="otp-btn">
                     <mat-icon class="icon" svgIcon="mdi_radar"></mat-icon>
                     <span>{{'USER.MFA.OTP' | translate}}</span>
                 </div>
             </button>
-            <button mat-raised-button (click)="selectType(AuthFactorType.U2F)">
+            <button mat-raised-button color="primary" (click)="selectType(AuthFactorType.U2F)">
                 <div class="u2f-btn">
                     <div class="icon-row">
                         <i matTooltip="Fingerprint" class="las la-fingerprint"></i>
diff --git a/console/src/styles.scss b/console/src/styles.scss
index f4933b77b..4a0899f92 100644
--- a/console/src/styles.scss
+++ b/console/src/styles.scss
@@ -233,7 +233,7 @@ $caos-dark-theme-background: (
   background: map_get($caos-dark-background, 500),
   hover: rgba(black, .04),
   card: map_get($caos-dark-background, 400),
-  dialog: white,
+  dialog: map_get($caos-dark-background, 500),
   disabled-button: rgba(black, .12),
   raised-button: white,
   focused-button: $dark-focused,
@@ -254,7 +254,7 @@ $caos-light-theme-background: (
   background: map_get($caos-light-background, 500),
   hover: rgba(black, .04),
   card: map_get($caos-light-background, 400),
-  dialog: white,
+  dialog: map_get($caos-light-background, 500),
   disabled-button: rgba(black, .12),
   raised-button: white,
   focused-button: $light-focused,