Independant Publisher 2: Fixes sub-menu hover color for better consistency and legibility.

independent-publisher-2/inc/wpcom-colors.php

@@ -66,8 +66,8 @@ add_color_rule( 'link', '#0087be', array(
             a,
             a:visited', 'color', 'bg' ),
 
-    array( '.main-navigation li.current-menu-item > a,
-            .main-navigation li.current_page_item > a,
+    array( '.main-navigation > div > ul > li.current-menu-item > a,
+			.main-navigation > div > ul > li.current_page_item > a,
             a:active,
             a:focus,
             a:hover,
@@ -105,7 +105,9 @@ add_color_rule( 'extra', '#383838', array(
 
 add_color_rule( 'extra', '#ffffff', array(
     array( '.posts-navigation .nav-links a,
-            .main-navigation ul ul a', 'color', 'link' ),
+            .main-navigation ul ul a,
+            .main-navigation > div > ul > li.current-menu-item > ul > li a,
+			.main-navigation > div > ul > li.current_page_item > ul > li a', 'color', 'link' ),
 
     array( 'button:not(.menu-toggle),
             input[type="button"],

independent-publisher-2/style.css

@@ -1041,11 +1041,17 @@ input::-moz-focus-inner {
 .main-navigation ul:first-child > li:first-child {
 	border-top: 0;
 }
-.main-navigation li.current-menu-item > a,
-.main-navigation li.current_page_item > a {
+
+.main-navigation > div > ul > li.current-menu-item > a,
+.main-navigation > div > ul > li.current_page_item > a {
 	color: #00aadc;
 }
 
+.main-navigation > div > ul > li.current-menu-item > ul > li a,
+.main-navigation > div > ul > li.current_page_item > ul > li a {
+	color: #fff;
+}
+
 /* Small menu. */
 .menu-toggle,
 .main-navigation.toggled ul {
@@ -3094,8 +3100,12 @@ time.published + .updated {
 		left: auto;
 	}
 
-	.main-navigation ul ul li:hover a,
-	.main-navigation ul ul li.focus a {
+	.main-navigation ul ul li:hover > a,
+	.main-navigation ul ul li.focus > a,
+	.main-navigation > div > ul > li.current-menu-item > a,
+	.main-navigation > div > ul > li.current_page_item > a,
+	.main-navigation > div > ul ul li.current-menu-item > a,
+	.main-navigation > div > ul ul li.current_page_item > a {
 		opacity: 0.7;
 	}