Voilà un exemple concret qui permet d'afficher le bandeau du haut de la même couleur que tes catégories : 
css/filecss-cat-1.css .menu-bg { 
background-color: #259FE6; 
}  
css/filecss-cat-2.css .menu-bg { 
background-color: #4FB2EA; 
}  
css/filecss-cat-3.css .menu-bg { 
background-color: #642100; 
}  
et pour ton fichier 
theme.tpl,
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="menu-bg"> 
  <tbody> 
    <tr> 
      <th align="left" scope="col"><img src="http://xoopstest.lumieresdefrance.com/themes/LDF_Bleu/images/logo.png" alt="XOOPS Site">th> 
    tr> 
    <tr> 
      <th align="left" scope="col"> th> 
    tr> 
  tbody> 
table>  
Et pour que cela fonctionne correctement, dans le cas où la page n'est pas dans une catégorie du modules xmnews,
il te faut définir un fichier 
css/default.css (tu peux bien sur changer de nom).
Il faut que ce fichier soit chargé 
AVANT ceux des catégories
car ce sont les fichiers css des catégories qui vont "écraser" les définitions par défaut si besoin
Donc tu vas avoir dans ton fichier 
css/default.css .menu-bg { 
background-color: #aabbcc; /* couleur de fond par défaut*/}  
et dans ton fichier theme.tpl, tu auras donc :
 <link rel="stylesheet" type="text/css" href="<{xoImgUrl}>css/default.css"> 
<{if ($xoops_dirname == "xmnews") && ($category_id != '' or $news_cid != '')}> 
        <link rel="stylesheet" type="text/css" href="<{xoImgUrl}>css/filecss-cat-<{if $category_id != ''}><{$category_id}><{else}><{$news_cid}><{/if}>.css"> 
<{/if}>