v2
ColorsThis system uses MUI's foundation, so it's easy to scale and works great for keeping things consistent. You get a full set of primary, secondary, and neutral colors ready to go.
Make it your ownChange what you need to match your brand. Everything's tied to the MUI theme, so updating it in code is quick and smooth.
How To CustomizeFor customization, just head to the files in the paths below. If you need more details, the MUI docs have you covered.
@/luna/theme/colors@/luna/theme/ThemeOptions.ts
lunaPurple
50#ECE7FB
100#C6B7F2
200#A087EA
300#7A57E1
400#5427D8
500#410FD4
600#3B0EBF
700#340CAA
800#2E0B94
900#27097F
lunaPurple
50#FFEBEF
100#FFC4CE
200#FF9CAE
300#FF748D
400#FF4D6C
500#FF395C
600#E63353
700#CC2E4A
800#B32840
900#992237
Theme: Main
palette
primary#410FD4
secondary#FF395C
background
default#fafafa
paperwhite
text
primary#212121
secondary#424242
disabled#9e9e9e
other
border#eeeeee
icon#616161