Merge branch 'mw-replace-dropdown-input-fa-color-with-gray-500' into 'master'

Replace $dropdown-input-fa-color with $gray-500

See merge request gitlab-org/gitlab!49213

app/assets/stylesheets/framework/dropdowns.scss

@@ -567,14 +567,13 @@
   margin-bottom: 10px;
   padding: 0 10px;
 
-  .fa,
   .input-icon,
   .dropdown-input-clear,
   .dropdown-input-search {
     position: absolute;
     top: $gl-padding-8;
     right: 20px;
-    color: $dropdown-input-fa-color;
+    color: $gray-500;
     font-size: 12px;
     pointer-events: none;
   }

app/assets/stylesheets/framework/variables.scss

@@ -546,7 +546,6 @@ $dropdown-vertical-offset: 4px;
 $dropdown-empty-row-bg: rgba(#000, 0.04);
 $dropdown-shadow-color: rgba(#000, 0.1);
 $dropdown-title-btn-color: #bfbfbf;
-$dropdown-input-fa-color: #c7c7c7;
 $dropdown-input-focus-shadow: rgba($blue-300, 0.4);
 $dropdown-loading-bg: rgba($white, 0.6);
 $dropdown-chevron-size: 10px;

app/assets/stylesheets/page_bundles/_ide_theme_overrides.scss

@@ -85,13 +85,12 @@
     color: var(--ide-input-border, $gl-text-color-tertiary);
   }
 
-  .dropdown-input .fa,
   .dropdown-input .dropdown-input-clear {
-    color: var(--ide-input-border, $dropdown-input-fa-color);
+    color: var(--ide-input-border, $gray-500);
   }
 
   .ide-nav-form .input-icon {
-    color: var(--ide-input-border, $dropdown-input-fa-color);
+    color: var(--ide-input-border, $gray-500);
   }
 
   code {

changelogs/unreleased/mw-replace-dropdown-input-fa-color-with-gray-500.yml

+---
+title: Replace dropdown-input-fa-color with gray-500
+merge_request: 49213
+author:
+type: changed