27399ac08ce72fbb526a871f894748072da72985
gperez2
  Tue Apr 30 14:37:16 2024 -0700
Changing the hub group label color (hubToggleBar) to a different blue color which was the popular vote, refs #33039

diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css
index 07b5d0c..7f6f312 100644
--- src/hg/htdocs/style/HGStyle.css
+++ src/hg/htdocs/style/HGStyle.css
@@ -149,31 +149,31 @@
 A:active.bigBlue { text-decoration: none; font-family: arial, sans-serif; color: #A000A0; font-size: 16pt; font-weight: 600; }
 A:hover.bigBlue { text-decoration: none; font-family: arial, sans-serif; color: #0000A0; font-size: 16pt; font-weight: 600; }
 IMG.bigBlue {vertical-align: middle;}
 TD.bigBlue {vertical-align: middle;}
 
 A:link.toc { text-decoration: none; color: #0000CC;  }
 A:visited.toc { text-decoration: none; color: #0000CC;  }
 A:active.toc { text-decoration: none; color: #6666FF;  }
 A:hover.toc { text-decoration: none; color: #6666FF; }
 
 A:link IMG { border-width: 0px; padding: 0px; margin: 0px;}
 A:visited IMG { border-width: 0px; padding: 0px; margin: 0px;}
 A:active IMG {  border-width: 0px; padding: 0px; margin: 0px;}
 
 /* A toggle bar can be seen in hgTracks, under the image groups that can be opened and closed. */
-.hubToggleBar {font-weight: bold; color:#FFFFFF; background-color:#93AEf3; height:28px; width:100%;
+.hubToggleBar {font-weight: bold; color:#FFFFFF; background-color:#536ED3; height:28px; width:100%;
                 text-align:center; vertical-align:middle; white-space:nowrap;}
 .quickToggleBar {font-weight: bold; color:#FFFFFF; background-color:#108020; height:28px; width:100%;
                 text-align:center; vertical-align:middle; white-space:nowrap;}
 .errorToggleBar {font-weight: bold; color:#FFFFFF; background-color:#ff0000; height:28px; width:100%;
                 text-align:center; vertical-align:middle; white-space:nowrap;}
 .nativeToggleBar {font-weight: bold; color:#FFFFFF; background-color:#00457c; height:28px; width:100%;
                 text-align:center; vertical-align:middle; white-space:nowrap;}
 .toggleButton  {height: 20px; width: 20px; vertical-align:middle;}
 
 
 /* Web section styles - for use with functions webNewSectionDiv and webEndSectionTablesDiv */
 .section {
     background-color: #fffee8; 
     border: 1px solid #888888;
     margin-bottom: 20px;