This mod was developed as an alternative to the Group Color to CSS mod.

When you have different color themes on your site, the group colors do not always appear well in every theme.

One alternative is to convert it to CSS and assign colors for each and every theme.

Another alternative, the one I have come up with (this mod), changes the color assigned to the group to a "text background" color, similar to using a highlighter over the text.  It uses the CSS3 border radius for browsers that support it to provide a nicer highlight.

I believe this alternative is more efficient because:

• The text is readable no matter the background color of the displayed area.
• There is more consistency in using a single color for a group across themes, allowing easier recognition of a group should someone change themes.
• It will use the colors you have already setup by swapping the color from foreground to background.
  
• It is easier to reassign colors to a group, or to assign colors to a new group, since you won't have to change every CSS file for every theme.

This has been tested with Curve on a 2.01 installation only.

I'm not about ownership on this.  I hereby give anyone who wants it permission to modify this any way they see fit and resubmit as their own work if they want to.  I would love to see someone put in an extra field in the admin panel to allow both foreground AND background color to be defined, with perhaps a background hover color also to be defined.  Go for it if you want to.  Should be easy enough to adapt.

Group_Color_to_Background_Color.zip 2.64 KB

Manual installation info 2.0.1