Customizing/Idea 1

< Customizing
/* Custom Foreground menubar colors */
.top-bar,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
    background: #ffe4b2;
    color: #000;
}

.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
    border-color: #ffe4b2;
}

/* Darker color for the hover over items */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a {
    background: #ffae00;
}

/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
    background: #ffe4b2;
}