Additional Info
Type
Package ID
danielwmoore:groupcolor2bghigh
First Created
December 16, 2011, 08:38:47 PM
Last Updated
December 23, 2011, 09:57:47 PM

Group Color to Background Color v1.0

Convert color in online list to background highlight color
Compatible With 2.0.1
Latest version v1.0
Downloads 1,383
Reviews 0
Rating 0/5
Subscribers 0
License (View License)
Author(s)
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.
Manual installation info
You have to register or login to be able to leave a review
There are currently no reviews on this customization
Advertisement: