From 6441b2ed9870995d53dbdad96f18fb9971cb75a6 Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Wed, 6 Mar 2019 16:43:04 +0000
Subject: [PATCH] Ensure country dropdown uses light styling on auth

If the dark theme is activated, the country dropdown defaults to those colors
where it doesn't fit in with the always-light auth flow. This restyles its
colors to be light.
---
 res/css/views/auth/_AuthBody.scss | 12 ++++++++++++
 res/themes/light/css/_light.scss  |  1 +
 2 files changed, 13 insertions(+)

diff --git a/res/css/views/auth/_AuthBody.scss b/res/css/views/auth/_AuthBody.scss
index 62575f4e7b..c074a656db 100644
--- a/res/css/views/auth/_AuthBody.scss
+++ b/res/css/views/auth/_AuthBody.scss
@@ -75,6 +75,18 @@ limitations under the License.
         width: 100%;
         box-sizing: border-box;
     }
+
+    .mx_Dropdown_arrow {
+        background: $authpage-primary-color;
+    }
+
+    .mx_Dropdown_menu {
+        background-color: $authpage-body-bg-color;
+
+        .mx_Dropdown_option_highlight {
+            background-color: $authpage-focus-bg-color;
+        }
+    }
 }
 
 .mx_AuthBody_editServerDetails {
diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss
index 76dc49a838..4d8e4fa40e 100644
--- a/res/themes/light/css/_light.scss
+++ b/res/themes/light/css/_light.scss
@@ -246,6 +246,7 @@ $memberstatus-placeholder-color: $roomtile-name-color;
 $authpage-bg-color: #2e3649;
 $authpage-modal-bg-color: rgba(255, 255, 255, 0.59);
 $authpage-body-bg-color: #ffffff;
+$authpage-focus-bg-color: #dddddd;
 $authpage-lang-color: #4e5054;
 $authpage-primary-color: #232f32;
 $authpage-secondary-color: #61708b;