Forum Discussion

MataHenry-1476e's avatar
MataHenry-1476e
Community Member
3 years ago

Add a reverse colour swatch to the accent (custom colour) to accommodate bright backgrounds

Hi  I wasn't sure where I could add this after looking around the discussion boards so adding as a new discussion item here. Our subsidiary company has a very bright accent/custom colour (#00ff3...
Rise 360
  • GrenForonda's avatar
    GrenForonda
    2 years ago
    Hi Mata!
     
    Good news! You can now use theme color contrast to make sure that text or icons that appear on top of a theme color meet contrast guidelines automatically.
     
    To use this new feature, simply go to the Theme tab, select Colors, and choose one of the following options:
    • Auto: Turns text and meaningful graphics to black or white automatically depending on your accent color to meet the minimum accessibility contrast requirements.
    • Dark: Turns text and meaningful graphics to black.
    • Light: Turns text and meaningful graphics to white.

    Once you’ve given it a try, we’d love to hear what you think!
GrenForonda's avatar
GrenForonda
Staff
3 years ago

Hi Mata!

With the release of the new Themes, text for some elements (such as the Course Title) automatically changes from light to dark as needed to preserve a 3:1 contrast ratio; see more details here.

However, this automatic change of the text color isn't applied to other elements yet, such as in the Continue button or the Numbered List label, see this screenshot:

We'll keep you posted as we update this feature and add more elements covered in the automatic change of text/accent color.

Related Content