Fix embed, error and onboarding modals in light theme (#7656)

signup-info-prompt
Lynx Kotoura 2018-05-29 02:13:20 +09:00 committed by Eugen Rochko
parent 04a2cf8bcc
commit c0355878ba
1 changed files with 36 additions and 2 deletions

View File

@ -132,20 +132,54 @@
.boost-modal, .boost-modal,
.confirmation-modal, .confirmation-modal,
.mute-modal, .mute-modal,
.report-modal { .report-modal,
.embed-modal,
.error-modal,
.onboarding-modal {
background: $ui-base-color; background: $ui-base-color;
} }
.boost-modal__action-bar, .boost-modal__action-bar,
.confirmation-modal__action-bar, .confirmation-modal__action-bar,
.mute-modal__action-bar { .mute-modal__action-bar,
.onboarding-modal__paginator,
.error-modal__footer {
background: darken($ui-base-color, 6%); background: darken($ui-base-color, 6%);
.onboarding-modal__nav,
.error-modal__nav {
&:hover,
&:focus,
&:active {
background-color: darken($ui-base-color, 12%);
}
}
}
.display-case__case {
background: $white;
}
.embed-modal .embed-modal__container .embed-modal__html {
background: $white;
&:focus {
background: darken($ui-base-color, 6%);
}
} }
.react-toggle-track { .react-toggle-track {
background: $ui-secondary-color; background: $ui-secondary-color;
} }
.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
background: darken($ui-secondary-color, 10%);
}
.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
background: lighten($ui-highlight-color, 10%);
}
// Change the default color used for the text in an empty column or on the error column // Change the default color used for the text in an empty column or on the error column
.empty-column-indicator, .empty-column-indicator,
.error-column { .error-column {