Hi, you need to edit the color declaration in the following rules:
/* Menu items
===================*/
.sm-clean a {
padding:12px;
color:#555;
font-size:18px;
line-height:17px;
font-family:'Lucida Sans Unicode','Lucida Sans','Lucida Grande',Arial,sans-serif;
text-decoration:none;
}
.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active,
.sm-clean a.highlighted {
color:#D23600;
}
/* ... */
.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active,
.sm-clean ul a.highlighted {
color:#D23600;
background:#eee;
}
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-clean a.current, .sm-clean a.current:hover, .sm-clean a.current:focus, .sm-clean a.current:active {
color:#D23600;
}
Also possibly the responsive styles further down in “sm-clean.css”:
/* Menu items
===================*/
.sm-clean a {
padding:13px 5px 13px 28px !important;
color:#555 !important;
background:transparent !important;
}
.sm-clean a.current {
color:#D23600 !important;
}
As for the old styles in v6.0.4, they are defined in a completely different way in the JS config file so they are not compatible at all.
Cheers!