glitch-soc/app/javascript/flavours/glitch/styles/contrast/diff.scss
Eugen Rochko dadec533ce [Glitch] Fix unreadable placeholder text color in high contrast theme in web UI (#14803)
Port bbcbf12215 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
2020-09-28 17:56:16 +02:00

87 lines
1.4 KiB
SCSS

// components.scss
.compose-form {
.compose-form__modifiers {
.compose-form__upload {
&-description {
input {
&::placeholder {
opacity: 1.0;
}
}
}
}
}
}
.rich-formatting a,
.rich-formatting p a,
.rich-formatting li a,
.landing-page__short-description p a,
.status__content a,
.reply-indicator__content a {
color: lighten($ui-highlight-color, 12%);
text-decoration: underline;
&.mention {
text-decoration: none;
}
&.mention span {
text-decoration: underline;
&:hover,
&:focus,
&:active {
text-decoration: none;
}
}
&:hover,
&:focus,
&:active {
text-decoration: none;
}
&.status__content__spoiler-link {
color: $secondary-text-color;
text-decoration: none;
}
}
.status__content__read-more-button {
text-decoration: underline;
&:hover,
&:focus,
&:active {
text-decoration: none;
}
}
.getting-started__footer a {
text-decoration: underline;
&:hover,
&:focus,
&:active {
text-decoration: none;
}
}
.nothing-here {
color: $darker-text-color;
}
.public-layout .public-account-header__tabs__tabs .counter.active::after {
border-bottom: 4px solid $ui-highlight-color;
}
.composer {
.composer--spoiler input,
.compose-form__autosuggest-wrapper textarea {
&::placeholder {
color: $inverted-text-color;
}
}
}