How do I change the colour on the background in Staff-CP?

I need help with change the colours on our helpdesk. How do i change the colours where the arrows are pointing at?
Screenshot:

How do you change the status column text? Our helpdesk puts the font as the status color so I can't see it.

EDIT: Nvm, I figured it out.

Try to change your browser.. It's working fine over here.

*bump*

so.. The question is still unanswered "How do i change the colours where the arrows are pointing at?"

Thank you Gary! You're the best.

Karl,
Assuming you see this, can you post a follow up for what your help desk looks like after you modified the colors? I'm interested to see what you did to it.

Hi,

I have actually not made any changes to the colors yet. Even though it's been a while..

Hi Garry,

I am also trying to make some color changes. Ive checked your post and was going to edit that css.tpl file but couldnt find it.
The structure that you show below is different. I dont have the admin_default folder and instead have just admin
In that folder there is no css.tpl either

I am running Kayako Fusion version 4.50.1636 has something changed since the newer version?

-------------------

Matthew,

The version you are on changed the structure of the folders.

From a quick look you need to change the following;

__swift\themes\__cp\css\grid.css for

.gridrow1
{
BACKGROUND-COLOR: #f2ebde;
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Arial, Helvetica;
}
.gridrow2
{
BACKGROUND-COLOR: #ffffff;
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Arial, Helvetica;
}
.gridrow3
{
BACKGROUND-COLOR: #f4ece0;
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Arial, Helvetica;
}
.gridrow4
{
BACKGROUND-COLOR: #eee6d9;
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana, Arial, Helvetica;
}
And
__swift\themes\__cp\css\cpui.css

for
.cpuicontainer {
BACKGROUND-COLOR: blue;
}

Dont forget to Rebuild your cache (Admin CP > Diagnistics > Rebuild Cache) after making the changes or you wont see your changes.

Thanks for your reply Drew.
Im trying to change the Users area in the Client Support Center.
Do you know the location of the .css file that I have to change for that area?

Ive put arrows in the three areas that I want to change the color off.

Matthew,

The User interface is not in css files, it is all in the templates within the Admin CP.

the items you are talkign about are in clientcss

the search button is .searchbutton
the blue bar is #toptoolbar (Color is an image) ("<{$_themePath}>images/navbarbackground.png") which is actually __swift/themes/client/images/navbarbackground.png
the background is in .bodymain (background is an image) ("<{$_themePath}>images/mainbackground.gif") which is actually /__swift/themes/client/images/mainbackground.gif

I am interested in making changes to the Staff CP. In the frontend I added a single css file to override the styles kayako has and we like that. On the front end that was easy, you just change the LINK REL tag in the for the CSS by going to the templates...

Now, how to achieve the same for the Staff CP? is there a way to have a LINK REL CSS tag in the header of just one file to point to an external CSS file?

EIDT: I use the CSS file to avoid having to merge updates on the Kayako files when upgrading... very important to be able to skip all that mombo-jumbo...