From 4ac02dd5f46c78398186e94faabb2f8884c0f2ae Mon Sep 17 00:00:00 2001 From: Tomi Turtiainen <10324676+tomi@users.noreply.github.com> Date: Tue, 9 Apr 2024 13:57:14 +0300 Subject: [PATCH 01/11] fix(editor): UX improvements to mfa setup modal (#9059) Co-authored-by: Giulio Andreini --- .../design-system/src/css/_tokens.dark.scss | 5 +++++ packages/design-system/src/css/_tokens.scss | 5 +++++ .../src/components/MfaSetupModal.vue | 21 +++++++++++-------- 3 files changed, 22 insertions(+), 9 deletions(-) diff --git a/packages/design-system/src/css/_tokens.dark.scss b/packages/design-system/src/css/_tokens.dark.scss index 04cfe54ec5db70..1ed65142839818 100644 --- a/packages/design-system/src/css/_tokens.dark.scss +++ b/packages/design-system/src/css/_tokens.dark.scss @@ -194,6 +194,11 @@ // Node error --color-node-error-output-text-color: var(--prim-color-alt-c-tint-150); + // MFA Recovery codes + --color-mfa-recovery-code-background: var(--color-background-xlight); + --color-mfa-recovery-code-color: var(--color-text-dark); + --color-mfa-lose-access-text-color: var(--prim-color-alt-c-tint-150); + // Various --color-info-tint-1: var(--prim-gray-420); --color-info-tint-2: var(--prim-gray-740); diff --git a/packages/design-system/src/css/_tokens.scss b/packages/design-system/src/css/_tokens.scss index 0ac9d97618ffac..8376fcc9abfe16 100644 --- a/packages/design-system/src/css/_tokens.scss +++ b/packages/design-system/src/css/_tokens.scss @@ -270,6 +270,11 @@ // Node error --color-node-error-output-text-color: var(--color-danger); + // MFA Recovery codes + --color-mfa-recovery-code-background: var(--color-background-base); + --color-mfa-recovery-code-color: var(--prim-gray-490); + --color-mfa-lose-access-text-color: var(--color-danger); + // Various --color-avatar-accent-1: var(--prim-gray-120); --color-avatar-accent-2: var(--prim-color-alt-e-shade-100); diff --git a/packages/editor-ui/src/components/MfaSetupModal.vue b/packages/editor-ui/src/components/MfaSetupModal.vue index 560e25ff340165..4d3baf7d4e23f3 100644 --- a/packages/editor-ui/src/components/MfaSetupModal.vue +++ b/packages/editor-ui/src/components/MfaSetupModal.vue @@ -1,6 +1,8 @@