ODS-Guideline - Colors Updates

[B3nz01d]

Color Page Updates

Requirement

As a developer I want to be able to see the available Colors in the ODS Library So That I see the better understand the colors automated switch between light and dark mode

DSM reference

General description

The page mechanism does not change only the pop-up description should show the full characteristics of a color in both light & dark mode.

UI specifications

Anatomy

App Page

• on the color description details pop-up page:
  • the name of the color to use by the dev
  • a text description: "This color is composed of a light & dark version to automatically adapt to the corresponding user mode."
  • a side bay side color description
    • on the left:
      • the light mode color on a light mode background
      • the token color name of that color
      • the hexa & rgb color value
    • on the right:
      • the dark mode color on a dark mode background
      • the token color name of that color
      • the hexa & rgb color value

[B3nz01d]

awaiting color tokens update before taking it into account