mirror of https://github.com/vector-im/riot-web
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.pull/21833/head
parent
8beab58918
commit
6441b2ed98
|
@ -75,6 +75,18 @@ limitations under the License.
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
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 {
|
.mx_AuthBody_editServerDetails {
|
||||||
|
|
|
@ -246,6 +246,7 @@ $memberstatus-placeholder-color: $roomtile-name-color;
|
||||||
$authpage-bg-color: #2e3649;
|
$authpage-bg-color: #2e3649;
|
||||||
$authpage-modal-bg-color: rgba(255, 255, 255, 0.59);
|
$authpage-modal-bg-color: rgba(255, 255, 255, 0.59);
|
||||||
$authpage-body-bg-color: #ffffff;
|
$authpage-body-bg-color: #ffffff;
|
||||||
|
$authpage-focus-bg-color: #dddddd;
|
||||||
$authpage-lang-color: #4e5054;
|
$authpage-lang-color: #4e5054;
|
||||||
$authpage-primary-color: #232f32;
|
$authpage-primary-color: #232f32;
|
||||||
$authpage-secondary-color: #61708b;
|
$authpage-secondary-color: #61708b;
|
||||||
|
|
Loading…
Reference in New Issue