mi6
Add style guidance on using backgrounds
Summary
We currently have no guidance on how to handle background colours within an app. We should add this to help inform people what to do and how this has an affect on the appearance properties that many components support.
💬 Description
Explain how to style background for sections and custom components. Detail what colours are available for use on backgrounds. Explain the appearance properties of components and how this depends on the background they sit on. Mention shape and border radius. Describe a11y implications and how our componetns are tested against worst case scenarios for backgrounds.
💰 User value
Provides foundational stylistic guidance that helps users to create applications using ICDS.
📚 User Stories
If relevant, describe the high-level functionality as user stories.
As an ICDS user:
I need guidance on how to style backgrounds
So that I can ensure that my components stand out and achieve the right contrast requirements.
📝 Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given
When
Then
## 🧾 Guidance If there's written guidance or documentation, include a link to it here.
Additional info
Tell us anything else useful to help us understand your suggestion.
