diff --git a/storybook/storybook-react/src/OrderedList/OrderedList.docs.mdx b/storybook/storybook-react/src/OrderedList/OrderedList.docs.mdx index e28fbe0125..b76798e583 100644 --- a/storybook/storybook-react/src/OrderedList/OrderedList.docs.mdx +++ b/storybook/storybook-react/src/OrderedList/OrderedList.docs.mdx @@ -49,8 +49,10 @@ For example, here are three news articles: -### List with inverted colors for dark backgrounds +### Inverse colour -When using a dark background, the list can have inverted colors to ensure readability. +Set the `inverseColor` prop if the List sits on a dark background. +This ensures the colour of the text provides enough contrast. +When nesting lists, set the prop on all lists. diff --git a/storybook/storybook-react/src/UnorderedList/UnorderedList.docs.mdx b/storybook/storybook-react/src/UnorderedList/UnorderedList.docs.mdx index 1809270072..94ca2e0f5f 100644 --- a/storybook/storybook-react/src/UnorderedList/UnorderedList.docs.mdx +++ b/storybook/storybook-react/src/UnorderedList/UnorderedList.docs.mdx @@ -37,8 +37,10 @@ This example is based on the top tasks on the homepage of the website: -### List with inverted colors for dark backgrounds +### Inverse colour -When using a dark background, the list can have inverted colors to ensure readability. +Set the `inverseColor` prop if the List sits on a dark background. +This ensures the colour of the text provides enough contrast. +When nesting lists, set the prop on all lists.