this automatically generates a theme based on one input color (primary-fixed). the generated themes are responsive to light and dark mode. each color has 9 shades, the core classes uses these shades to have a theme that upholds almost all web accessability atandards. the individual shades are able to be used also.
example of core classes: .on-primary-container { }
example of shade class: .primary30 { }
test a demo page
this is the input color
primary
on-primary-container
secondary
on-secondary-container
surface
on-surface-container
surface-two
surface-three
error
on-error-container
success
on-success-container
highlight
on-highlight-container
shadow
Primary
secondary
surface
error
success
highlight