Toggle Icons Outlined

Toggle Icons Filled

These are our designs for the toggle button to switch between lightmode and darkmode.

University of Michigan - Ann Arbor

These are our initial lightmode designs. There are four variations that play with the lightness of the foreground elements, as well as the background image and it's overlay. 

Lightmode designs

Darker node and sidebar color, book pages background

Lightmode Design 1

Darker node and sidebar color, glasses background

Lightmode Design 2

Lighter node and sidebar color, 4 story library background

Lightmode Design 3

Lighter node and sidebar color, lots of windows library background

Learn Before

Related

Learn After

Learn After

Related