Testing Navbar Colors

[Hutchy68]

@kghbln here is the first release of navbar color styling. Can you test? Starting slowly to make sure we don't have overkill.

nav.top-bar,
.top-bar.expanded .title-area {
    background: #536878;
}

#navwrapper {
    background: #536878;
}

ul#top-bar-left li,
ul#top-bar-left li a
 {
    background: #536878;
}

ul#top-bar-right li,
ul#top-bar-right li a {
    background: #536878;
}

ul#top-bar-left li:hover,
ul#top-bar-left li a:hover,
ul#top-bar-right li:hover:not(.has-form),
ul#top-bar-right li a:hover {
    background: #708090;
    color: #333;
}

[kghbln]

Now live at smw sandbox Looks good to me. :)

What will be cool is to have an second standard iteration, i.e. the font in some color and the background in white like I did this for v1.2 as seen here So far this has been more difficult to achieve than I expected.

[Hutchy68]

You should be able to add color: #000 or whatever the choice to those statements to control text color. Just like the :hover statement.

Pro Tip

This controls the down carat color.

.top-bar-section .has-dropdown > a:hover:after {
    border-color: #fff transparent transparent transparent;
}

This controls the down carat color on hover.

.top-bar-section .has-dropdown > a:hover:after {
    border-color: #333 transparent transparent transparent;
}

[kghbln]

@Hutchy68 Thanks for the pro tip which will hopefully get me out of my misery. :) Will test soon and report back.