change the colors on the top panel?

To change background color on the top panel in the Wallpress:
– Log in to Dashboard > Theme > Customize > Custom code
– Add the following code to the “Header Code”

<style>
#header {
   background: #...;
}
 
 #header #navigation a {
    color: #...;
}
 #header #navigation li:hover > a {
    background-color: #...;
}
 #header #navigation a:hover, #header #navigation a:active, #header #navigation a:focus {
    color: #... !important;
}
 
 #header #navigation li li a {
     background-color: #...;
     color: #...;
}

 #header #navigation li li a:hover {
     background-color: #...;
 }
 #header #navigation li a {
     border-color: #...;
 }

#header #navigation li:first-child a {
     border-color: #...;
}

#header #searchform #s {
    background-color: #...;
    border-color:#...;
}
#header #searchform #s:focus {
    color:#...;
}
 </style>

Notice: please change the color code here  (…) .
Hope this helps !