#5826: Barnsbury: Fix menu bg w/custom colors

barnsbury/sass/_extra-child-theme.scss

@@ -172,6 +172,20 @@ a {
 	}
 }
 
+.custom-colors .main-navigation > div > ul > li:focus-within li > a,
+.custom-colors .main-navigation > div > ul > li[focus-within] li > a {
+	background: none;
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within > ul::before {
+	border-bottom: unset;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within > a {
+	color: inherit;
+}
+
 /**
  * Main
  */

barnsbury/style-rtl.css

@@ -4217,6 +4217,34 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 	}
 }
 
+.custom-colors .main-navigation > div > ul > li[focus-within] li > a,
+.custom-colors .main-navigation > div > ul > li[focus-within] li > a {
+	background: none;
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within li > a,
+.custom-colors .main-navigation > div > ul > li[focus-within] li > a {
+	background: none;
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li[focus-within] > ul::before {
+	border-bottom: unset;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within > ul::before {
+	border-bottom: unset;
+}
+
+.custom-colors .main-navigation > div > ul > li[focus-within] > a {
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within > a {
+	color: inherit;
+}
+
 /**
  * Main
  */

barnsbury/style.css

@@ -4246,6 +4246,34 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 	}
 }
 
+.custom-colors .main-navigation > div > ul > li[focus-within] li > a,
+.custom-colors .main-navigation > div > ul > li[focus-within] li > a {
+	background: none;
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within li > a,
+.custom-colors .main-navigation > div > ul > li[focus-within] li > a {
+	background: none;
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li[focus-within] > ul::before {
+	border-bottom: unset;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within > ul::before {
+	border-bottom: unset;
+}
+
+.custom-colors .main-navigation > div > ul > li[focus-within] > a {
+	color: inherit;
+}
+
+.custom-colors .main-navigation > div > ul > li:focus-within > a {
+	color: inherit;
+}
+
 /**
  * Main
  */