Hey ,

Try using the New Metabox Options where you can set the Light /Dark header per page :  

Best

Did you change these colors: http://prntscr.com/rmq0qt ?.

Best

In that case add the below css to the Page Builder Css box so it applies only to the Homepage : 

#header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a, #header-outer.transparent .slide-out-widget-area-toggle a i.label, #header-outer.transparent #top .span_9 > .slide-out-widget-area-toggle a.using-label .label, #header-outer.transparent #top nav ul #search-btn a .icon-salient-search, #header-outer.transparent #top nav ul #nectar-user-account a span, #header-outer.transparent #top nav > ul > li > a > .sf-sub-indicator i, #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart {
    color: #fff !important;
}

Best 

Hey Again,

Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

#header-outer[data-lhe="animated_underline"].transparent #top nav > ul > li > a:after, #header-outer.transparent #top nav>ul>li[class*="button_bordered"]>a:before {
    border-color: #ffffff !important;
}
#header-outer.transparent[data-lhe="default"] #top nav > ul > li > a:hover, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .sfHover:not(#social-in-menu) > a, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current_page_ancestor > a, #header-outer.transparent #top nav .sf-menu > .current-menu-item > a, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current-menu-ancestor > a, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current_page_item > a, #header-outer.transparent #top nav > ul > li > a:hover > .sf-sub-indicator > i, #header-outer.transparent #top .sf-menu > .sfHover > a .sf-sub-indicator i, #header-outer.transparent #top nav > ul > .sfHover > a > span > i, #header-outer.transparent #top nav ul #search-btn a:hover span, #header-outer.transparent #top nav ul #nectar-user-account a:hover span, #header-outer.transparent #top nav ul .slide-out-widget-area-toggle a:hover span, #header-outer.transparent #top nav .sf-menu > .current-menu-item > a i, body #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current_page_item > a .sf-sub-indicator i, #header-outer.transparent #top nav .sf-menu > .current-menu-ancestor > a i, body #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current-menu-ancestor > a i, #header-outer.transparent .cart-outer:hover .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer.transparent[data-permanent-transparent="false"]:not(.dark-slide) #top .span_9 > a[class*="mobile-"] > *, #header-outer.transparent[data-permanent-transparent="false"]:not(.dark-slide) #top #mobile-cart-link i, #header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) #top .span_9 > a[class*="mobile-"] > *, #header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) #top #mobile-cart-link i {
    color: #fff !important;
}

Thanks

Try Adding the Css Code for the Border Color in the Custom Css Box in Page Builder.

Best