Global Search Refactor - Fix Focus Contrast

8276df31 · Zack Cuddy · David O'Regan · 9f74ea12 · 8276df31 · 8276df31
Commit 8276df31 authored Dec 20, 2021 by Zack Cuddy Committed by David O'Regan Dec 20, 2021
3 changed files
--- a/app/assets/stylesheets/startup/startup-dark.scss
+++ b/app/assets/stylesheets/startup/startup-dark.scss
@@ -1838,7 +1838,7 @@ body.gl-dark .header-search input::placeholder {
  color: rgba(250, 250, 250, 0.8);
 }
 body.gl-dark .header-search input:active::placeholder {
-  color: #fafafa;
+  color: #868686;
 }
 body.gl-dark .search form {
  background-color: rgba(250, 250, 250, 0.2);

--- a/app/assets/stylesheets/themes/theme_helper.scss
+++ b/app/assets/stylesheets/themes/theme_helper.scss
@@ -163,7 +163,7 @@
      &:focus,
      &:active {
        &::placeholder {
-          color: $search-and-nav-links;
+          color: $gray-400;
        }
      }
    }

--- a/ee/app/assets/stylesheets/startup/startup-dark.scss
+++ b/ee/app/assets/stylesheets/startup/startup-dark.scss
@@ -1838,7 +1838,7 @@ body.gl-dark .header-search input::placeholder {
  color: rgba(250, 250, 250, 0.8);
 }
 body.gl-dark .header-search input:active::placeholder {
-  color: #fafafa;
+  color: #868686;
 }
 body.gl-dark .search form {
  background-color: rgba(250, 250, 250, 0.2);