CiviCRM Community Forums (archive)

I've had complaints that people don't understand why the black bar changes options or "looks funny on some pages", and they can't tell when they are "in CiviCRM" or when they are "in Drupal".  I know this seems like a trivial matter for an experienced programmer, but for rookie users of CiviCRM, I've had multiple questions about this.

As an experienced user, I can easily tell the difference between the Drupal module "Admin Menu" and the CiviCRM menu, even though they are both black.  The fonts are entirely different, so we're not fooling anyone on that front.  We're not gaining anything by imitating Admin Menu, mainly because it is not a very accurate imitation (if that was the intent even) but...

What we are doing is confusing rookies with a menu that is black like the Admin Menu.  Why not make the CiviCRM menu Blue or Red or whatever, as a visual cue that "you are now in CiviCRM"?

No negativity intended.  Just relaying feedback that more than one end user has said the CiviCRM black menu is easily confused with the Drupal Admin Menu.  If you're not concerned and wouldn't recommend a change, then we'll leave it at that.

Hey, if this is something that comes in handy for your clients peterd, this is the code I used.  Just add this bit to the bottom of your .css file for your Drupal theme.

It should override the menu.css that CiviCRM uses.

My color scheme is blue.  You could change the colors to whatever you like.   This way we don't have to change CiviCRM core.
ul#civicrm-menu.menu-ul.innerbox, ul#civicrm-menu, #root-menu-div ul { background-color: #4477aa; }
ul#civicrm-menu { background-color: #003366; }
#civicrm-menu .activetarget {
background-color:#666666;
}