Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-31939

.instruction color should take into account dark or light primary colors

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: OPEN
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 11.2
    • Fix Version/s: None
    • Component/s: Reference
    • Labels:

      Description

      If you have a primary color that's really dark (like a really dark blue #000040 or black) or one that's light (white #FFFFFF) then the .instruction code in _menu.scss will call lighten on it and it either won't lighten it enough (45%) to make it readable, or it will be useless (in the case of white).

      This really needs some logic behind it to either darken or lighten the color based on the lightness.

      So I'm thinking of something like this
      http://thesassway.com/intermediate/dynamically-change-text-color-based-on-its-background-with-sass

      I'll assign this to myself but anyone is free to work on it!

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  maintenanceteam Core Team
                  Reporter:
                  jonespm Matthew Jones
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                  Dates

                  • Created:
                    Updated:

                    Git Source Code