Leonardo Demo App

7am 8am 9am 10am 11am 12pm 1pm 2pm 3pm 4pm 5pm 6pm 7pm 8pm 9pm 10pm 11pm


Leonardo integration


This app demonstrates how Leonardo can be used to create an adaptive color palette. The user can control the theme's lightnerss, contrast, and saturation using the sliders at the top of the page.

The sliders pass inputs to the Theme setters, which return new colors from Leonardo. Colors are implemented as CSS properties so that Leonardo can dymanically update their values.

Take a look at here to see how this demo app is built.