diff --git a/site/content/docs/5.3/migration.md b/site/content/docs/5.3/migration.md index ce442b8b5b..3192a4ce49 100644 --- a/site/content/docs/5.3/migration.md +++ b/site/content/docs/5.3/migration.md @@ -35,6 +35,10 @@ If you need more details about the changes, please refer to the [v5.3.1 release] - Warning Form text examples have been modified to add some precisions about accessibility. Please apply this modification in your websites if needed. +### Docs + +- Examples are now displayed with the appropriate light or dark color mode as dictated by the setting in our docs. Each example has an individual color mode picker. + ## v5.3.0
@@ -50,9 +54,9 @@ Learn more by reading the new [color modes documentation]({{< docsref "/customiz {{< design-callout-alert >}} Color mode mechanism coming from Bootstrap is available from Boosted v5.3.0. -However, the dark mode is not yet available in the Orange Design System specifications. +However, the dark mode was not yet available in the Orange Design System specifications at this time. -Please wait for the next Boosted versions to use it in your websites. +Please use Boosted v5.3.1 to have the dark mode available. {{< /design-callout-alert >}} - **Global support for light (default) and dark color modes.** Set color mode globally on the `:root` element, on groups of elements and components with a wrapper class, or directly on components, with `data-bs-theme="light|dark"`. Also included is a new `color-mode()` mixin that can output a ruleset with the `data-bs-theme` selector or a media query, depending on your preference.