How to change the color of my navigation bar

Question

Instead of a common navigation bar i use a primefaces tool called dock . I want to change its background color, i don't want the grey that comes by default. But i am confused:

I don't know what i should do.

Should i create some .css? If so, how i pass it to the component?

Do i need to hack the component source code in someway to achieve this?If so how can i change just what interests me without harming the component?

Could someone give me some tips how can i achieve my goal?

Answer 1

For the top bar on the page link is pointing to. you need to override following classes

ui-dock-top ui-widget & ui-dock-item-top

add style background-color:somevalue to change the color