From 1cefa443191b9df7f53b86f45b5ab4272baf66b9 Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Wed, 6 Mar 2019 17:53:44 +0000
Subject: [PATCH] Redesign country dropdown to fit redesign

This tweaks colors of the country dropdown to blend in better with the rest of
the design.

Fixes https://github.com/vector-im/riot-web/issues/9048
---
 res/css/views/auth/_AuthBody.scss     |  4 ++++
 res/css/views/elements/_Dropdown.scss | 13 ++++++-------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/res/css/views/auth/_AuthBody.scss b/res/css/views/auth/_AuthBody.scss
index 6f87185272..fa034095b6 100644
--- a/res/css/views/auth/_AuthBody.scss
+++ b/res/css/views/auth/_AuthBody.scss
@@ -80,6 +80,10 @@ limitations under the License.
         background-color: $authpage-primary-color;
     }
 
+    .mx_Dropdown {
+        color: $authpage-primary-color;
+    }
+
     .mx_Dropdown_arrow {
         background: $authpage-primary-color;
     }
diff --git a/res/css/views/elements/_Dropdown.scss b/res/css/views/elements/_Dropdown.scss
index ea35605e12..2a59393499 100644
--- a/res/css/views/elements/_Dropdown.scss
+++ b/res/css/views/elements/_Dropdown.scss
@@ -16,6 +16,7 @@ limitations under the License.
 
 .mx_Dropdown {
     position: relative;
+    color: $primary-fg-color;
 }
 
 .mx_Dropdown_disabled {
@@ -33,7 +34,7 @@ limitations under the License.
 }
 
 .mx_Dropdown_input:focus {
-    border-color: $accent-color;
+    border-color: $input-focused-border-color;
 }
 
 /* Disable dropdown highlight on focus */
@@ -76,7 +77,9 @@ limitations under the License.
     vertical-align: middle;
 }
 
-input.mx_Dropdown_option, input.mx_Dropdown_option:focus {
+input.mx_Dropdown_option,
+input.mx_Dropdown_option:focus {
+    font-weight: normal;
     border: 0;
     padding-top: 0;
     padding-bottom: 0;
@@ -95,7 +98,7 @@ input.mx_Dropdown_option, input.mx_Dropdown_option:focus {
     margin: 0;
     padding: 0px;
     border-radius: 3px;
-    border: 1px solid $accent-color;
+    border: 1px solid $input-focused-border-color;
     background-color: $primary-bg-color;
     max-height: 200px;
     overflow-y: auto;
@@ -110,10 +113,6 @@ input.mx_Dropdown_option, input.mx_Dropdown_option:focus {
     background-color: $focus-bg-color;
 }
 
-.mx_Dropdown_menu {
-    font-weight: bold;
-}
-
 .mx_Dropdown_searchPrompt {
     font-weight: normal;
     margin-left: 5px;