Colors

This section showcases the different colors available in our design system. These colors are used to create a cohesive and visually appealing design. Below, you will find examples of how to use these colors in various elements and components.

mg-bg-primary
mg-bg-secondary
mg-bg-tertiary
mg-bg-quaternary
mg-bg-quinary

Darkmode conditional hidden colors (hidden when light or dark)

mg-hidden-dark mg-hidden-light

Basic colors

mg-bg-red
mg-bg-orange
mg-bg-blue
mg-bg-green