From 5c26e5c09712fbd80889dda47dc5c83c6b8a985b Mon Sep 17 00:00:00 2001
From: Jarek Radosz <jradosz@gmail.com>
Date: Tue, 20 Aug 2019 11:28:25 +0200
Subject: [PATCH] Improve the dark mode in the login flow (#1049)

---
 css/dark-mode.css | 38 ++++++++++++++++++++++++++++++++++----
 css/vibrancy.css  |  8 ++------
 2 files changed, 36 insertions(+), 10 deletions(-)

diff --git a/css/dark-mode.css b/css/dark-mode.css
index 2aacb84e3..56788fdf6 100644
--- a/css/dark-mode.css
+++ b/css/dark-mode.css
@@ -646,8 +646,8 @@ html.dark-mode ._55r1._5f0v._43di {
 	color: var(--base-seventy-five);
 }
 
-/* Login button */
-html.dark-mode ._5hy2 ._43dh {
+html.dark-mode ._5hy2 ._43dh, /* Login button */
+html.dark-mode ._3-mr ._3-mv /* Verification "Continue" button */ {
 	background-color: transparent !important;
 }
 
@@ -763,8 +763,9 @@ html.dark-mode ._6ckd ._6ckf {
 	color: var(--base-ninety);
 }
 
-/* Login screen */
-html.dark-mode ._3v_o {
+html.dark-mode ._3v_o, /* Login screen */
+html.dark-mode body.UIPage_LoggedOut ._li, /* 2FA screen */
+html.dark-mode body.UIPage_LoggedOut ._4-u5 /* 2FA screen */ {
 	background-color: var(--container-dark-color);
 }
 
@@ -777,6 +778,35 @@ html.dark-mode ._3v_o ._55r1::-webkit-input-placeholder {
 	color: var(--base-thirty) !important;
 }
 
+/* 2FA screen modal */
+html.dark-mode body.UIPage_LoggedOut ._4-u8 {
+	background: var(--container-color);
+	border-color: var(--base-five) !important;
+}
+
+/* 2FA screen modal title */
+html.dark-mode body.UIPage_LoggedOut ._2e9n {
+	border-color: var(--base-five);
+	color: #fff;
+}
+
+/* 2FA screen modal separator */
+html.dark-mode body.UIPage_LoggedOut ._p0k ._5hzs {
+	border-color: var(--base-five);
+}
+
+/* 2FA screen modal separators */
+html.dark-mode body.UIPage_LoggedOut a {
+	color: var(--blue);
+}
+
+/* 2FA screen modal input */
+html.dark-mode body.UIPage_LoggedOut input {
+	background: var(--base-ten);
+	border-color: var(--base-ten);
+	color: var(--base-ninety);
+}
+
 /* Forward message icon */
 html.dark-mode ._2u_d a {
 	filter: invert(1);
diff --git a/css/vibrancy.css b/css/vibrancy.css
index a6edaf8e7..64de53051 100644
--- a/css/vibrancy.css
+++ b/css/vibrancy.css
@@ -84,13 +84,9 @@ html.full-vibrancy ._4sp8 {
 	background: transparent !important;
 }
 
-/* Login screen */
-html.full-vibrancy ._3v_o {
-	background-color: transparent !important;
-}
 
-/* Login button */
-html.full-vibrancy ._5hy2 ._43dh {
+html.full-vibrancy ._5hy2 ._43dh, /* Login button */
+html.full-vibrancy ._3-mr ._3-mv /* Verification "Continue" button */ {
 	background-color: transparent !important;
 }