Cover Image for WRDUG March Metup: Welcome to the Dark side ** Rescheduled **
Cover Image for WRDUG March Metup: Welcome to the Dark side ** Rescheduled **
Hosted By

WRDUG March Metup: Welcome to the Dark side ** Rescheduled **

Registration
Welcome! To join the event, please register below.
About Event

Rescheduled New date: Thursday, March 5 - 7-9pm

University of Waterloo, E7 rm 1331

Offering dark mode on a website is becoming increasingly popular. It’s a good option for accessibility, and a lot of people just prefer to view web pages this way.

You might think this should be simple - just swap the text and background colours and you’re good to go, right? It turns out that there’s a bit more to it.

In this session we will look at:

  • When and why you should provide a dark mode

  • Designing dark and light colour schemes that work

  • How to allow users to choose dark mode and respect system preferences

  • How to handle both colour schemes in in CSS (including some super cool new CSS tricks!)

  • How to make system UI elements (i.e. forms) respect the dark mode selection

You'll come away with a strategy for implementing dark mode, and the tools & code to make it happen.

This is not a particularly Drupal-specific talk. We will look at a module used to handle the switch, but otherwise it's mostly design and CSS.

Presenter: Megan McDermott, Woolwich Web Works

Location
University of Waterloo
200 University Ave W, Waterloo, ON N2L 3G1, Canada
E7 Rm 1331 - On the east side of campus near the bus station and LRT
Hosted By