How do I color the title bar without it covering everything on it?

[ZackObs]

Bar A is the bar I’ve tried to recolor with this code:

.titlebar {
    background-color: #262626 !important;
}

But as you can see, it also covers everything on top of it. How do I color the title bar without that happening, and also, as you can see, in bar A, there’s an arrow at the right most side. Coloring the bar didn’t colored that part, how do I color the background of that section as well?

[DiCaver]

.titlebar-button-container {
  background-color: tomato !important;
}

.workspace-tab-header-container {
  background-color: tomato !important;
}

/* .titlebar {
  background-color: tomato !important;
} */

Be aware that .titlebar will also colour icons in the sidebar!

Cheers, Marko