monorail
/
mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Fix wrong colors in the high-contrast theme 

Port 1c3192df6b to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Eugen Rochko 2022-11-04 02:28:14 +01:00 committed by Claire
parent c883799a1f
commit cbfa5ad5dd
2 changed files with 56 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
app/javascript/flavours/glitch/styles/contrast/diff.scss
View File

@ -1,36 +1,20 @@
// components.scss .compose-form {
.compose-form__modifiers {
.status__content a, .compose-form__upload {
.reply-indicator__content a { &-description {
color: lighten($ui-highlight-color, 12%); input {
text-decoration: underline; &::placeholder {
opacity: 1;
&.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 a,
.link-footer a,
.reply-indicator__content a,
.status__content__read-more-button { .status__content__read-more-button {
text-decoration: underline; text-decoration: underline;
@ -39,31 +23,56 @@
&:active { &:active {
text-decoration: none; text-decoration: none;
} }
}
.getting-started__footer a { &.mention {
text-decoration: none;
span {
text-decoration: underline; text-decoration: underline;
}
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
span {
text-decoration: none; text-decoration: none;
} }
}
}
}
.status__content a {
color: $highlight-text-color;
} }
.nothing-here { .nothing-here {
color: $darker-text-color; color: $darker-text-color;
} }
.public-layout .public-account-header__tabs__tabs .counter.active::after { .compose-form__poll-wrapper .button.button-secondary,
border-bottom: 4px solid $ui-highlight-color; .compose-form .autosuggest-textarea__textarea::placeholder,
.compose-form .spoiler-input__input::placeholder,
.report-dialog-modal__textarea::placeholder,
.language-dropdown__dropdown__results__item__common-name,
.compose-form .icon-button {
color: $inverted-text-color;
} }
.composer { .text-icon-button.active {
.composer--spoiler input, color: $ui-highlight-color;
.compose-form__autosuggest-wrapper textarea { }
&::placeholder {
color: $inverted-text-color; .language-dropdown__dropdown__results__item.active {
} background: $ui-highlight-color;
font-weight: 500;
}
.link-button:disabled {
cursor: not-allowed;
&:hover,
&:focus,
&:active {
text-decoration: none !important;
} }
} }

4
app/javascript/flavours/glitch/styles/contrast/variables.scss
View File

@ -14,8 +14,8 @@ $ui-highlight-color: $classic-highlight-color !default;
$darker-text-color: lighten($ui-primary-color, 20%) !default; $darker-text-color: lighten($ui-primary-color, 20%) !default;
$dark-text-color: lighten($ui-primary-color, 12%) !default; $dark-text-color: lighten($ui-primary-color, 12%) !default;
$secondary-text-color: lighten($ui-secondary-color, 6%) !default; $secondary-text-color: lighten($ui-secondary-color, 6%) !default;
$highlight-text-color: lighten($ui-highlight-color, 8%) !default; $highlight-text-color: lighten($ui-highlight-color, 10%) !default;
$action-button-color: #8d9ac2; $action-button-color: lighten($ui-base-color, 50%);
$inverted-text-color: $black !default; $inverted-text-color: $black !default;
$lighter-text-color: darken($ui-base-color,6%) !default; $lighter-text-color: darken($ui-base-color,6%) !default;