Fixes inverted pointing secondary menu colors on submenus

src/collections/menu.less

@@ -279,7 +279,6 @@
   left: 1px;
   margin: 1px 0px 0px 0px;
   min-width: calc(100% - 1px);
-  box-shadow: 0 1px 1px 1px #DDDDDD;
 }
 .ui.menu .pointing.dropdown.item .menu {
   margin-top: 0.75em;
@@ -850,8 +849,8 @@
 .ui.secondary.inverted.menu a.item:hover {
   color: rgba(255, 255, 255, 0.9);
 }
-.ui.secondary.inverted.menu > .active.item {
-  background-color: rgba(255, 255, 255, 0.9);
+.ui.secondary.inverted.menu .active.item {
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 
@@ -903,8 +902,11 @@
 
 /* Item Types */
 .ui.secondary.pointing.menu .header.item {
-  border-right-width: 0px;
-  font-weight: bold;
+  margin-bottom: -3px;
+  background-color: transparent !important;
+  border-right-width: 0px !important;
+  font-weight: bold !important;
+  color: rgba(0, 0, 0, 0.8) !important;
 }
 .ui.secondary.pointing.menu .text.item {
   box-shadow: none !important;
@@ -1007,21 +1009,26 @@
 .ui.secondary.inverted.pointing.menu > .item {
   color: rgba(255, 255, 255, 0.7);
 }
+.ui.secondary.inverted.pointing.menu > .header.item {
+  color: #FFFFFF !important;
+}
 
 /* Hover */
-.ui.secondary.inverted.pointing.menu > .item.hover,
+.ui.secondary.inverted.pointing.menu > .menu > .item:hover,
 .ui.secondary.inverted.pointing.menu > .item:hover {
   color: rgba(255, 255, 255, 0.85);
 }
 
 /* Down */
+.ui.secondary.inverted.pointing.menu > .menu > .item:active,
 .ui.secondary.inverted.pointing.menu > .item:active {
-  border-color: rgba(255, 255, 255, 0.4) !important;
+  border-color: rgba(255, 255, 255, 0.4);
 }
 
 /* Active */
+.ui.secondary.inverted.pointing.menu > .menu > .item.active,
 .ui.secondary.inverted.pointing.menu > .item.active {
-  border-color: rgba(255, 255, 255, 0.8) !important;
+  border-color: rgba(255, 255, 255, 0.8);
   color: rgba(255, 255, 255, 1);
 }
 
@@ -1395,11 +1402,11 @@
 
 /*--- Pointers ---*/
 .ui.inverted.pointing.menu .active.item:after {
-  background-color: #505050;
+  background-color: #5B5B5B;
   box-shadow: none;
 }
 .ui.inverted.pointing.menu .active.item:hover:after {
-  background-color: #3B3B3B;
+  background-color: #4A4A4A;
 }
 
 
@@ -1655,7 +1662,7 @@
 
 .ui.pointing.menu .active.item:after {
   position: absolute;
-  bottom: -0.35em;
+  bottom: -0.3em;
   left: 50%;
   content: "";