Status
Proposed
Event type
Meetup/interest group
Event format
Online/Virtual
In person

200 University Avenue West
Waterloo ON N2L3G1
Canada

Rescheduled
Updated date & location to be announced.

Presenter: Megan McDermott, Woolwich Web Works

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.

Online option

Online meeting link will be posted on the Groups page on the day.

Speakers
Event logo file