Button Color and Category Text Color

Hello Team,

I try to modify the color of theses following button and element :
prntscr.com/8yk96h

And the color of the text in front of category pictures :
prntscr.com/8yk9uf

And the last one:
prntscr.com/8yka6i

Can you tell me where can i modify because on the template edit panel from kunena->template->edit, i try to edit all color but it's not working.

Advance thanks,
Regards

Amazing support from staff, and special thanks to Hung Pham Ngoc !

So, to fix my request you need to create rules in an custom.css files and pubish it in /media/kunena/css/custom.css

Create CSS folder if it's not exist.

Example of css rules for my request :

#Kunena .nts-topbar ul li.login-box span.fa:hover {
background-color: #b9121b;
}

#Kunena .nts-topbar ul .kpbox {
border-color: #b9121b;
}

#Kunena .nts-kblocktable li.cat-img div.kthead-title a {
background-color: #b9121b;
border-color: #b9121b;
}

#Kunena .kmessage-buttons-row .kicon-button {
background: #b9121b !important;
color: #fff;
}

body #Kunena .kmessage-buttons-row .kicon-button.kbuttonmod {
background: #002454 !important;
}

#Kunena .nts-kblocktable li.cat-img div.kthead-title span::before,
#Kunena .nts-kblocktable li.cat-img div.kthead-title span::after {
background: #b9121b;
color: #fff;
}

#Kunena .nts-kblocktable li.cat-img div.kthead-title a:hover {
color: #fff;
}

/* Change color for font awesome */
#Kunena .kshort-left .kcol-category-icon span {
color: #b9121b !important;
}