Adding menu background colors to Yoo evolution template

From LeonWiki!

Method

• Add images to modules.css under template/yoo_evolution/css

/* Symmetry blue */
div.mod-color div.bluesym { background: url(../images/module_bluesym_br.png) 100% 100% no-repeat; }
div.mod-color div.bluesym div.module-2 { background: url(../images/module_bluesym_tr.png) 100% 0 no-repeat; }
div.mod-color div.bluesym div.module-3 { background: url(../images/module_bluesym_bl.png) 0 100% no-repeat; }
div.mod-color div.bluesym div.module-4 { background: url(../images/module_bluesym_tl.png) 0 0 no-repeat; }

• Add lines in templateDetails.xml

<filename>images/module_bluesym_bl.png</filename>
<filename>images/module_bluesym_br.png</filename>
<filename>images/module_bluesym_tl.png</filename>
<filename>images/module_bluesym_tr.png</filename>

• Add case statement to switch in html/modules.php

case 'bluesym':
case 'yellow':
case 'orange':
case 'blue':
case 'green':
   $skeleton = '4-div';
   $color    = $suffix;
   $suffix   = 'mod-color';
   break;