|
|
|
@ -2,6 +2,18 @@ body {
|
|
|
|
|
background: $ui-base-darker-color;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.button {
|
|
|
|
|
text-shadow: 0 0 6px $faint-shadow-color;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.button:disabled {
|
|
|
|
|
background-color: $ui-button-disabled-background-color;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.icon-with-badge__badge {
|
|
|
|
|
text-shadow: 0 0 2px $base-shadow-color;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// hashtags in primary color
|
|
|
|
|
.status__content a {
|
|
|
|
|
color: $highlight-text-color;
|
|
|
|
@ -22,18 +34,18 @@ body {
|
|
|
|
|
.compose-panel {
|
|
|
|
|
.compose-form__autosuggest-wrapper {
|
|
|
|
|
background-color: #fff0; // transparent background so it doesn't mess with border-radius
|
|
|
|
|
border-left: 1px solid $ui-base-lighter-color;
|
|
|
|
|
border-top: 1px solid $ui-base-lighter-color;
|
|
|
|
|
border-right: 1px solid $ui-base-lighter-color;
|
|
|
|
|
// border-left: 1px solid $ui-base-lighter-color;
|
|
|
|
|
// border-top: 1px solid $ui-base-lighter-color;
|
|
|
|
|
// border-right: 1px solid $ui-base-lighter-color;
|
|
|
|
|
border-radius: $border-radius $border-radius 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.compose-form__buttons-wrapper {
|
|
|
|
|
border-left: 1px solid $ui-base-lighter-color;
|
|
|
|
|
border-right: 1px solid $ui-base-lighter-color;
|
|
|
|
|
border-bottom: 1px solid $ui-base-lighter-color;
|
|
|
|
|
border-radius: 0 0 $border-radius $border-radius;
|
|
|
|
|
}
|
|
|
|
|
// .compose-form__buttons-wrapper {
|
|
|
|
|
// border-left: 1px solid $ui-base-lighter-color;
|
|
|
|
|
// border-right: 1px solid $ui-base-lighter-color;
|
|
|
|
|
// border-bottom: 1px solid $ui-base-lighter-color;
|
|
|
|
|
// border-radius: 0 0 $border-radius $border-radius;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
.compose-form__poll-wrapper .icon-button {
|
|
|
|
|
color: $lighter-text-color;
|
|
|
|
@ -61,14 +73,15 @@ body {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
select {
|
|
|
|
|
// s/o to whoever decided this is the way to colorize SVGs
|
|
|
|
|
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($simple-background-color, 14%))}'/></svg>")
|
|
|
|
|
no-repeat right 8px center / auto 16px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.spoiler-input input {
|
|
|
|
|
border: 1px solid $ui-base-extra-light-color;
|
|
|
|
|
}
|
|
|
|
|
// .spoiler-input input {
|
|
|
|
|
// border: 1px solid $ui-base-extra-light-color;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
.poll__option input[type='text']::placeholder {
|
|
|
|
|
color: $darker-text-color;
|
|
|
|
@ -125,7 +138,8 @@ body {
|
|
|
|
|
|
|
|
|
|
.search__input {
|
|
|
|
|
background: $ui-base-semi-lighter-color;
|
|
|
|
|
border: 1px solid $ui-base-lighter-color;
|
|
|
|
|
|
|
|
|
|
// border: 1px solid $ui-base-lighter-color;
|
|
|
|
|
|
|
|
|
|
&::placeholder {
|
|
|
|
|
color: $dark-text-color;
|
|
|
|
@ -133,6 +147,7 @@ body {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.emoji-button img {
|
|
|
|
|
// fancier "grayscale" mode for the emoji picker button
|
|
|
|
|
mix-blend-mode: luminosity;
|
|
|
|
|
opacity: 0.65;
|
|
|
|
|
}
|
|
|
|
@ -265,9 +280,10 @@ body {
|
|
|
|
|
.column-header {
|
|
|
|
|
border-top-left-radius: $border-radius;
|
|
|
|
|
border-top-right-radius: $border-radius;
|
|
|
|
|
border-left: 1px solid $ui-base-lighter-color;
|
|
|
|
|
border-top: 1px solid $ui-base-lighter-color;
|
|
|
|
|
border-right: 1px solid $ui-base-lighter-color;
|
|
|
|
|
|
|
|
|
|
// border-left: 1px solid $ui-base-lighter-color;
|
|
|
|
|
// border-top: 1px solid $ui-base-lighter-color;
|
|
|
|
|
// border-right: 1px solid $ui-base-lighter-color;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.column-header,
|
|
|
|
@ -296,13 +312,30 @@ body {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// timed line
|
|
|
|
|
.status {
|
|
|
|
|
border-bottom: 0; // no separators between posts
|
|
|
|
|
// .status {
|
|
|
|
|
// border-bottom: 0; // no separators between posts
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .column > .scrollable {
|
|
|
|
|
// border-left: 1px solid $ui-base-lighter-color;
|
|
|
|
|
// border-right: 1px solid $ui-base-lighter-color;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
.column-header__back-button {
|
|
|
|
|
background: none;
|
|
|
|
|
color: $highlight-text-color;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.column > .scrollable {
|
|
|
|
|
border-left: 1px solid $ui-base-lighter-color;
|
|
|
|
|
border-right: 1px solid $ui-base-lighter-color;
|
|
|
|
|
.reactions-bar__item {
|
|
|
|
|
background: $ui-base-extra-light-color;
|
|
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
|
background: adjust-color($ui-button-background-color, $alpha: -0.5);
|
|
|
|
|
|
|
|
|
|
.reactions-bar__item__count {
|
|
|
|
|
color: $ui-button-color;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-gallery__item.letterbox {
|
|
|
|
@ -330,3 +363,13 @@ body {
|
|
|
|
|
background-color: $ui-base-color;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// settings
|
|
|
|
|
|
|
|
|
|
.admin-wrapper {
|
|
|
|
|
.sidebar ul .simple-navigation-active-leaf a,
|
|
|
|
|
.content__heading__tabs a.selected {
|
|
|
|
|
background-color: $ui-highlight-color;
|
|
|
|
|
text-shadow: 0 0 6px $faint-shadow-color;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|