Solaris Design System


Shadows are used to emphasise a component. In Codebots we have multiple types of shadows, both for light and dark theme mode.

Regular shadows come in four forms: subtle, standard, minor, major. Colour shadows are different to regular shadows. Note the shadow is the colour of the assigned component colour.

Light shadows


subtle theme light standard theme light minor theme light major theme light subtle theme dark standard theme dark minor theme dark major theme dark


Light theme brand-01 Light theme brand-02 Light theme red Light theme orange Light theme yellow Light theme green Light theme blue