Correct hierarchy facet background bugs.

themes/bootstrap3/less/components/js-tree.less

@@ -106,13 +106,11 @@
   margin-top: 2px;
   margin-right: 4px;
 }
-.jstree-facet .jstree-container-ul {
-  padding: 0;
-  & > li.active,
-  & > li.active a.jstree-anchor {
-    background-color: #265680;
-    color: #fff;
-  }
+.jstree-facet .jstree-container-ul { padding: 0; }
+.jstree-facet .active,
+.jstree-facet .active a.jstree-anchor {
+  background-color: @list-group-active-bg;
+  color: #fff;
 }
 li.jstree-facet,
 li.jstree-node { list-style: none; }

themes/bootstrap3/less/components/sidebar.less

@@ -87,9 +87,10 @@
 .active-filters .facet,
 .facet-group .active {
   padding-right: .65rem;
-  background-color: @brand-primary;
+  background-color: @list-group-active-bg;
   color: #fff;
 
+  .jstree-icon,
   a { color: #fff; }
 }
 .facet.active .badge,

themes/sandal/less/colors.less

@@ -45,5 +45,6 @@
 @autocomplete-hover-bg:     @header-light;
 @dropdown-link-hover-bg:    @header-light;
 @dropdown-link-hover-color: @black;
+@list-group-active-bg:      @brand-secondary;
 @table-bg-hover:            @header-light;
 @pagination-color:          @header-bg;

themes/sandal/less/sandal.less

@@ -165,6 +165,8 @@ header {
   .facet-group {
     margin-left: 1rem;
     margin-right: 1rem;
+    background-color: @sidebar-item-bg;
+    color: @sidebar-item-color;
   }
   /* Collapsed arrows */
   .facet-group .title {
@@ -182,10 +184,6 @@ header {
   .active-filters .title::after,
   #advSearchForm & .title:after { content: none; } // No arrow on active filter title
 
-  .facet {
-    background-color: @sidebar-item-bg;
-    color: @sidebar-item-color;
-  }
   a.facet:hover,
   .facet.checkbox:hover { background-color: @sidebar-item-hover-bg; }
 
@@ -193,6 +191,7 @@ header {
   .facet.active:hover,
   .active-filters .facet,
   .active-filters .facet:hover,
+  .active .jstree-anchor,
   .jstree-facet .jstree-container-ul > .active {
     border-color: @sidebar-active-bg;
     background-color: @sidebar-active-bg;