Define more precisely the dark mode usage

[julien-deramond]

Description

Dark mode has been technically implemented in #2223. However, some remaining elements need to be tackled to finalize it.

Dark mode usage

• Define in the DSM what is the dark mode and why it's important for Orange.
• Define the usage of the dark mode at Orange. Must it be present on all websites, web apps, etc.? If not, in which cases should it be used?
  • Update the DSM to explain this rule
  • When the rule is defined, update the Boosted documentation to explain this rule, or at least link to the DSM

Switching from light to dark mode

• Define how to switch from light to dark mode in web interfaces. Is it always the same selector? Always in the header? Always a dropdown? Always with the light/dark/auto options?
  • Update the DSM to define this rule
  • When the rule is defined, update the Boosted documentation to explain this rule, or at least link to the DSM
  • Do we insert this switch to all Boosted/UI Kit/DSM navbars and examples?
  • Do we create a reusable component for this switch?
  • Do we need to update the new Navbar mode selector example page we created?

Auto icon

• The auto icon used was one of the Solaris icons. We were supposed to replace it with a new one. As soon as we have the new icon, Boosted must be updated and the users informed.