Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-1226

Change all color definitions to match the reworked color scheme

    XMLWordPrintable

Details

    • Story
    • Resolution: Fixed
    • Blocker
    • 5.0
    • None
    • design
    • None
    • Beta 2

    Description

      We've consolidated and partially redefined the colors for Magnolia 5. While the base colors remain the same, every base color now gains 6 additional shades.

      The new color definitions can be found on the main page of the style guide:

      http://wiki.magnolia-cms.com/display/UX/Style+guides+for+visual+design

      The mapping to convert from old to new colors is here:

      http://wiki.magnolia-cms.com/display/UX/Style+guides+for+visual+design#Styleguidesforvisualdesign-Fromoldtocurrentcolors

      We will need some fine-tuning of some screens, but we're sure it works and will not only improve the look of all existing UIs, but also give us a lot more flexibility by offering more shades to e.g. make the lines around a form field stronger or less so, depending on what we want to achieve. That allows us to emphasize or de-emphasize some elements and lines. It also will make it easier to provide a slightly different appearance with significant higher contrast to users on-demand. It also fixes issues we've encountered (e.g. the piggy-colored light red shades) whenever we introduced new elements such as the alerts and notifications recently.

      We should implement this as soon as possible so that we can fine-tune the results in all major interface parts.

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                czimmermann Christopher Zimmermann
                weder Andreas Weder
                Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoD