c98e0e5941e8e94784c7b21d4246d67116c7e2a8
jnavarr5
  Fri Jun 27 11:56:37 2025 -0700
Inversing the colors since the text is not readible with the current options, refs #35939

diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css
index ab8ea599b99..b8503065b34 100644
--- src/hg/htdocs/style/HGStyle.css
+++ src/hg/htdocs/style/HGStyle.css
@@ -905,33 +905,33 @@
 div#haplotypes .textInfo  { color:#006600; } /* dark green */
 div#haplotypes .textAlert { color:#DC143C; } /* dark red */
 
 .hidden { display:none; } /* allows toggling visibility by addClass/removeClass */
 
 .readableWidth {
     /* For wrapping description text on pages that can get very wide */
     width: 50em;
 }
 
 .hgtaNoGenome {
     color: gray;
 }
 
 .autoCompleteInfo {
-  color: #EEE;
+  color: #666;
   padding-left: 3px;
-  background-color: #666;
+  background-color: #EEE;
 }
 
 /* for autocompleteCat (autocomplete with optional category labels) */
 .ui-autocomplete-category {
     /* Adapted from https://jqueryui.com/autocomplete/#categories */
     font-weight: bold;
     line-height: 1.5;
     background: lightgray;
 }
 
 .ui-menu-item {
     /* This is necessary if a background color is specified in .ui-autocomplete-category above;
      * the category labels actually extend upwards, behind the preceding items! */
     background: white;
 }