Provide instructions on how to use MUI components with custom colors

[nebula-aac]

Current Behavior

Desired Behavior

Implementation

Acceptance Tests

Mockups

---

Contributor Guide

• 🎨 Wireframes and designs for Sistent site in Figma (open invite)

[surajgjadhav]

Hi @nebula-aac ,
could you please elaborate more on this?
but we can override the MUI colors with our color codes,
if we want to override global Styles, we can follow this: https://mui.com/material-ui/customization/how-to-customize/#3-global-theme-overrides
I think this method is already in place in sistent code
you will also find other methods in same document

[nebula-aac]

@surajgjadhav Thank you for suggestion, however majority of the global overrides is already done project specific.

What Sistent Design System is doing is creating a global theme provider that can be used anywhere in Layer5, and allow initializing the MUI theme provider. This is to lower duplication, and consolidate the conflicting styles, where we can call the styles from one place.

I will have to update this issue because your suggestion isn't what I am intended for.