Skip to content

[docs] [Joy-UI] Theme colour specifications and accessibility guidelines #46306

Open
@BSoDium

Description

@BSoDium

Related page

https://mui.com/joy-ui/customization/theme-colors/

Kind of issue

Missing information

Issue description

The documentation does not seem to include any information regarding the accessibility specifications of the colour palette used when customising the theme with extendTheme(...). This is confusing, since it mentions several improvements made to the default colour palette in v5.0.0-beta.0 but does not dive deeper into details such as:

  • minimum contrast ratio between each hue
  • min and max luminance
  • handling of cases where the primary colour is similar to a semantic one such as green, yellow or red

Context

I am trying to implement a custom theme including my company's brand colour as primary, but cannot find any relevant tools to generate the palette, nor do I see any specs regarding its creation.

Search keywords

colours, theme, accessibility, material palette, hues, wcag, palette generation, specifications

Metadata

Metadata

Assignees

Labels

docsImprovements or additions to the documentationpackage: joy-uiSpecific to @mui/joy

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions