Fix wrong colors in the high-contrast theme (#19708)

app/javascript/styles/contrast/diff.scss

@@ -1,4 +1,3 @@
-// components.scss
 .compose-form {
   .compose-form__modifiers {
     .compose-form__upload {
@@ -14,15 +13,9 @@
 }
 
 .status__content a,
-.reply-indicator__content a {
+.link-footer a,
-  color: lighten($ui-highlight-color, 12%);
+.reply-indicator__content a,
-  text-decoration: underline;
+.status__content__read-more-button {
-
-  &.mention {
-    text-decoration: none;
-  }
-
-  &.mention span {
   text-decoration: underline;
 
   &:hover,
@@ -30,45 +23,56 @@
   &:active {
     text-decoration: none;
   }
-  }
-
-  &:hover,
-  &:focus,
-  &:active {
-    text-decoration: none;
-  }
 
-  &.status__content__spoiler-link {
+  &.mention {
-    color: $secondary-text-color;
     text-decoration: none;
-  }
-}
 
-.status__content__read-more-button {
+    span {
       text-decoration: underline;
+    }
 
     &:hover,
     &:focus,
     &:active {
+      span {
         text-decoration: none;
       }
     }
-
-.getting-started__footer a {
-  text-decoration: underline;
-
-  &:hover,
-  &:focus,
-  &:active {
-    text-decoration: none;
   }
 }
 
+.status__content a {
+  color: $highlight-text-color;
+}
+
 .nothing-here {
   color: $darker-text-color;
 }
 
+.compose-form__poll-wrapper .button.button-secondary,
 .compose-form .autosuggest-textarea__textarea::placeholder,
-.compose-form .spoiler-input__input::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;
 }
+
+.text-icon-button.active {
+  color: $ui-highlight-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;
+  }
+}

app/javascript/styles/contrast/variables.scss

@@ -14,8 +14,8 @@ $ui-highlight-color: $classic-highlight-color !default;
 $darker-text-color: lighten($ui-primary-color, 20%) !default;
 $dark-text-color: lighten($ui-primary-color, 12%) !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;
 $lighter-text-color: darken($ui-base-color, 6%) !default;