@import 'variables';
// Text-icons status buttons
.status,
.status.status-direct {
.icon-button {
color: $status-buttons-base-color;
&:hover,
&:active,
&:focus {
color: $status-buttons-active-color;
}
&.disabled {
color: $status-buttons-disabled-color;
}
}
}
.status__content p {
color: $black;
}
.icon-button.overlayed {
background: rgba($white, .6);
&:hover {
background: rgba($white, .6);
}
}
// Boost button
@function hex-color($color) {
@if type-of($color) == 'color' {
$color: str-slice(ie-hex-str($color), 4);
}
@return '%23' + unquote($color)
}
button.icon-button i.fa-retweet {
background-image: url("data:image/svg+xml;utf8,");
&:hover {
background-image: url("data:image/svg+xml;utf8,");
}
}
button.icon-button.disabled i.fa-retweet {
background-image: url("data:image/svg+xml;utf8,");
&:hover {
background-image: url("data:image/svg+xml;utf8,");
}
}
// Spoilers button
.status__content,
.reply-indicator__content, {
.status__content__spoiler-link {
background-color: lighten($classic-secondary-color, 10%);
color: $black;
&:focus,
&:hover,
&:active {
background-color: lighten($classic-highlight-color, 10%);
}
&:disabled {
background-color: rgba($classic-secondary-color, .4);
color: rgba($black, .4);
}
}
}
// Toot input
.drawer__inner {
background: darken($classic-base-color, 15%);
}
.drawer__inner__mastodon {
background: darken($classic-base-color, 15%);
}
.compose-form .autosuggest-textarea__textarea,
.compose-form .spoiler-input__input,
.compose-form .compose-form__buttons-wrapper .character-counter__wrapper .character-counter {
color: $black;
}
.compose-form__buttons {
background: rgba($white, 0.3);
.icon-button.inverted,
.text-icon-button {
color: $status-buttons-base-color;
&:hover,
&:active,
&:focus {
color: $status-buttons-active-color;
}
&.disabled {
color: $status-buttons-disabled-color;
}
}
}
.compose-form__warning {
background: $classic-base-color;
}
.reply-indicator {
background: $classic-base-color;
color: $black;
* {
color: inherit;
}
}
.privacy-dropdown__option,
.privacy-dropdown__option__content strong {
color: $classic-primary-color;
}
.media-spoiler {
color: $classic-primary-color;
background: lighten($classic-base-color, 15%);
&:hover {
color: $classic-highlight-color;
}
}
.button {
background-color: lighten($classic-secondary-color, 10%);
color: $black;
&:focus,
&:hover,
&:active {
background-color: lighten($classic-highlight-color, 10%);
}
&:disabled {
background-color: rgba($classic-secondary-color, .4);
color: rgba($black, .4);
}
}
.upload-progress__tracker {
background: $classic-primary-color;
}
.activity-stream .detailed-status.light .detailed-status__display-name .display-name strong {
color: $ui-highlight-color;
}
.activity-stream-tabs a.active,
.activity-stream .status.light .status__content {
color: $ui-highlight-color;
}
.empty-column-indicator,
.error-column {
color: $classic-primary-color;
}
// Dropdown Menu
.dropdown-menu__separator {
border-bottom: 1px solid lighten($ui-primary-color, 20%);
}
.dropdown-menu {
background: $ui-base-color;
}
.dropdown-menu__item {
a {
background: $ui-base-color;
color: $ui-primary-color;
&:focus,
&:hover,
&:active {
background: $ui-highlight-color;
color: $ui-primary-color;
}
}
}
.dropdown-menu__arrow {
&.left {
border-left-color: $ui-base-color;
}
&.top {
border-top-color: $ui-base-color;
}
&.bottom {
border-bottom-color: $ui-base-color;
}
&.right {
border-right-color: $ui-base-color;
}
}
// Landing Page
.simple_form .input-with-append .append {
color: $ui-primary-color;
}
.landing-page__forms,
.landing-page__information,
.landing-page__call-to-action {
background: #f9fcf9;
}
.landing-page__logo img {
mix-blend-mode: darken;
}