Task/colors 11 (#7211)

res/css/views/elements/_Dropdown.scss

@@ -38,7 +38,7 @@ limitations under the License.
 }
 
 .mx_Dropdown_input:focus {
-    border-color: $input-focused-border-color;
+    border-color: $accent-alt;
 }
 
 /* Disable dropdown highlight on focus */
@@ -110,7 +110,7 @@ input.mx_Dropdown_option:focus {
     margin: 0;
     padding: 0px;
     border-radius: 4px;
-    border: 1px solid $input-focused-border-color;
+    border: 1px solid $accent-alt;
     background-color: $background;
     max-height: 200px;
     overflow-y: auto;

res/css/views/elements/_Field.scss

@@ -73,7 +73,7 @@ limitations under the License.
 }
 
 .mx_Field:focus-within {
-    border-color: $input-focused-border-color;
+    border-color: $accent-alt;
 }
 
 .mx_Field input:focus,
@@ -92,7 +92,7 @@ limitations under the License.
 .mx_Field textarea:placeholder-shown:focus::placeholder,
 .mx_Field.mx_Field_placeholderIsHint input::placeholder {
     transition: color 0.25s ease-in 0.1s;
-    color: $greyed-fg-color;
+    color: $info-plinth-fg-color;
 }
 
 .mx_Field label {
@@ -136,7 +136,7 @@ limitations under the License.
 .mx_Field input:focus + label,
 .mx_Field select:focus + label,
 .mx_Field textarea:focus + label {
-    color: $input-focused-border-color;
+    color: $accent-alt;
 }
 
 .mx_Field select:disabled,
@@ -146,7 +146,7 @@ limitations under the License.
 .mx_Field textarea:disabled,
 .mx_Field textarea:disabled + label {
     background-color: $background;
-    color: $greyed-fg-color;
+    color: $info-plinth-fg-color;
 }
 
 .mx_Field_valid {

res/css/views/elements/_RichText.scss

@@ -32,7 +32,7 @@ a.mx_Pill {
 .mx_EventTile_content .markdown-body a.mx_GroupPill,
 .mx_GroupPill {
     color: $accent-fg-color;
-    background-color: $rte-group-pill-color;
+    background-color: $rte-room-pill-color;
 }
 
 /* More specific to override `.markdown-body a` text-decoration */

res/css/views/elements/_RoomAliasField.scss

@@ -30,12 +30,12 @@ limitations under the License.
     }
 
     input::placeholder {
-        color: $greyed-fg-color;
+        color: $info-plinth-fg-color;
         font-weight: normal;
     }
 
     .mx_Field_prefix, .mx_Field_postfix {
-        color: $greyed-fg-color;
+        color: $info-plinth-fg-color;
         border-left: none;
         border-right: none;
         font-weight: 600;