forked from mirrors/catstodon
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
154 lines
3.7 KiB
SCSS
154 lines
3.7 KiB
SCSS
// hashtags in primary color
|
|
.status__content a {
|
|
color: $highlight-text-color;
|
|
}
|
|
|
|
// compose panel
|
|
.compose-panel .autosuggest-textarea label .autosuggest-textarea__textarea,
|
|
.compose-form .autosuggest-input label .autosuggest-textarea__textarea,
|
|
.compose-form__buttons-wrapper,
|
|
.compose-form__warning,
|
|
.spoiler-input input,
|
|
.compose-form__modifiers,
|
|
.reply-indicator {
|
|
background: lighten($ui-base-color, 4%);
|
|
color: $primary-text-color;
|
|
}
|
|
.compose-form .autosuggest-textarea label .autosuggest-textarea__textarea {
|
|
border-top-left-radius: $border-radius;
|
|
border-top-right-radius: $border-radius;
|
|
}
|
|
.compose-form__buttons-wrapper {
|
|
border-bottom-left-radius: $border-radius;
|
|
border-bottom-right-radius: $border-radius;
|
|
}
|
|
.compose-panel .compose-form__autosuggest-wrapper {
|
|
background-color: #fff0; // transparent background so it doesn't mess with border-radius
|
|
}
|
|
.poll__option input[type="text"],
|
|
.compose-form__poll-wrapper select {
|
|
border-color: $ui-base-lighter-color;
|
|
}
|
|
.autosuggest-textarea__suggestions {
|
|
background: lighten($ui-base-color, 4%);
|
|
}
|
|
.autosuggest-textarea__suggestions__item.selected,
|
|
.autosuggest-textarea__suggestions__item:hover {
|
|
background: $ui-highlight-color;
|
|
}
|
|
|
|
.emoji-mart-bar:first-child {
|
|
background: lighten($ui-base-color, 7%);
|
|
border-bottom-color: #fff0;
|
|
border-top-left-radius: $border-radius;
|
|
border-top-right-radius: $border-radius;
|
|
}
|
|
.emoji-mart-anchor:not(.emoji-mart-anchor-selected) {
|
|
color: $ui-base-lighter-color;
|
|
}
|
|
|
|
.search__input {
|
|
background: lighten($ui-base-color, 4%);
|
|
}
|
|
|
|
// dropdowns
|
|
.dropdown-menu,
|
|
.dropdown-menu__item a,
|
|
.dropdown-menu__item button {
|
|
background: $ui-base-lighter-color;
|
|
}
|
|
.dropdown-menu__arrow.top {
|
|
border-top-color: $ui-base-lighter-color;
|
|
}
|
|
.dropdown-menu__arrow.bottom {
|
|
border-bottom-color: $ui-base-lighter-color;
|
|
}
|
|
|
|
// general modals
|
|
.modal-root__modal {
|
|
background: $ui-base-color;
|
|
}
|
|
.report-modal__container {
|
|
border-top-color: $ui-base-lighter-color;
|
|
}
|
|
.report-modal__comment {
|
|
border-right-color: $ui-base-lighter-color;
|
|
}
|
|
.report-modal__comment .setting-text {
|
|
background: $ui-base-color;
|
|
}
|
|
.boost-modal__action-bar,
|
|
.doodle-modal__action-bar,
|
|
.confirmation-modal__action-bar,
|
|
.mute-modal__action-bar,
|
|
.block-modal__action-bar {
|
|
background: lighten($ui-base-color, 5%);
|
|
}
|
|
.confirmation-modal__secondary-button,
|
|
.confirmation-modal__cancel-button,
|
|
.mute-modal__cancel-button,
|
|
.block-modal__cancel-button {
|
|
color: $primary-text-color;
|
|
&:hover {
|
|
color: $ui-highlight-color;
|
|
}
|
|
}
|
|
|
|
// app settings modal
|
|
.glitch.local-settings {
|
|
background: $ui-base-color;
|
|
}
|
|
.glitch.local-settings__navigation,
|
|
.glitch.local-settings__navigation__item {
|
|
background: lighten($ui-base-color, 4%);
|
|
}
|
|
.glitch.local-settings__navigation__item {
|
|
border-bottom-color: $ui-base-lighter-color;
|
|
}
|
|
|
|
// border radius
|
|
.button,
|
|
.dropdown-menu,
|
|
.account__avatar,
|
|
.search__input,
|
|
.spoiler-input input,
|
|
.status-card,
|
|
.language-dropdown__dropdown,
|
|
.privacy-dropdown__dropdown,
|
|
.poll__option input[type="text"],
|
|
.compose-form__poll-wrapper select,
|
|
.account__header__tabs__buttons .icon-button,
|
|
.emoji-picker-dropdown__menu,
|
|
.emoji-mart-search input,
|
|
.boost-modal,
|
|
.report-modal,
|
|
.block-modal,
|
|
.confirmation-modal,
|
|
.actions-modal,
|
|
.mute-modal,
|
|
.compare-history-modal {
|
|
border-radius: $border-radius;
|
|
}
|
|
.dropdown-menu {
|
|
padding-top: $border-radius;
|
|
padding-bottom: $border-radius;
|
|
}
|
|
.emoji-mart-scroll {
|
|
margin-bottom: $border-radius;
|
|
padding-bottom: 0;
|
|
}
|
|
.column-header {
|
|
border-top-left-radius: $border-radius;
|
|
border-top-right-radius: $border-radius;
|
|
}
|
|
.column > .scrollable {
|
|
border-bottom-left-radius: $border-radius;
|
|
border-bottom-right-radius: $border-radius;
|
|
}
|
|
|
|
// no separators between posts
|
|
.status {
|
|
border-bottom: 0;
|
|
margin-bottom: 10px;
|
|
}
|