3162d1fec3dffece6f608f15eb6d46f6c46f7436
chmalee
  Fri Dec 5 16:13:05 2025 -0800
Working version of custom track group 'visible' that is at the top of the group list and has all the currently visible tracks, refs #36609

diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css
index 24b84361073..e63ac948c72 100644
--- src/hg/htdocs/style/HGStyle.css
+++ src/hg/htdocs/style/HGStyle.css
@@ -172,30 +172,32 @@
 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:#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;}
+.visibleTracksToggleBar {font-weight: bold; color:#FFFFFF; background-color:#66A3EE; 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;
 }
 
 .subsection {
     padding:14px 13px 2px 14px;
 }
 
 .centeredStdTbl {