Uploaded image for project: 'CiviCRM'
  1. CiviCRM
  2. CRM-15515

Color Mayhem (AKA Fifty Shades of Grey)

    Details

    • Versioning Impact:
      Patch (backwards-compatible bug fixes)
    • Documentation Required?:
      Developer Doc
    • Funding Source:
      Needs Funding

      Description

      There are a ton of colors in CiviCRM. This makes it chaotic-feeling, and more practically, it means that adjusting colors to match your theme is very difficult.

      My feeling is that the differences between #52534D, #5c5c59, and #5D5D5D, for example, are imperceptible. However, if you decided to replace the charcoal color everywhere, you'd have to track down all three.

      My colleague Kara has documented all the colors in civicrm.css from 4.4.6 and put them into a spreadsheet. I took the spreadsheet and generated a page (attached) demonstrating the colors, listed by order in civicrm.css, by a rough order of colors, and alphabetically by selector.

      I'd like to propose replacing these with a much smaller palette of colors, bringing the current 92 down to something under 20.

        Attachments

        1. Civi Color Index-1.ods
          154 kB
          Andrew Hunt
        2. colorsofcivicrm.html
          135 kB
          Andrew Hunt
        3. newcolors.html
          31 kB
          Andrew Hunt

          Issue Links

            Activity

              People

              • Assignee:
                andrewhunt Andrew Hunt
                Reporter:
                andrewhunt Andrew Hunt
              • Votes:
                1 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated: