The majority of colors, spacing, fonts etc. for components in Material-UI come from a global Theme object.
This provides a single source of truth for shared values ensuring consistency and easy adjustment of the brand theme.
Before starting to style components, a theme should be made for Astrosat as best as possible
It's common to need to tweak things as component styling moves forward but is also the best place to start before moving onto specific components.
Storybook can be used for this with a story showing most of the Material-UI components wrapped in a ThemeProvider then adjust.
The majority of colors, spacing, fonts etc. for components in Material-UI come from a global Theme object. This provides a single source of truth for shared values ensuring consistency and easy adjustment of the brand theme.
Before starting to style components, a theme should be made for Astrosat as best as possible It's common to need to tweak things as component styling moves forward but is also the best place to start before moving onto specific components.
Storybook can be used for this with a story showing most of the Material-UI components wrapped in a ThemeProvider then adjust.