Events and Dark Mode

Viewing an Event in Dark Mode and it's not appearing as expected (e.g. the text color blends in with the background or the text looks like it's all highlighted in white)?

The same Event can appear completely different when viewing it in Dark Mode

This is a result of copying in the description content from an external editor (e.g. MS Word, Google Docs). External editors and word processors like to encode text colors and background colors that, when pasted in, come with the content. You can see this if you view the HTML within the body editor (1). The background color has been specifically set to white (2 and 3).

Unfortunately, that doesn't play nice when your platform appearance changes from Dark to Light.

Solution

There are a number of ways you can correct the issue:

1. Open the HTML of the Events with the issue and delete the background-color properties
2. When pasting from an external source, paste without formatting (CMD+Shift+V on Mac, ALT+Shift+V on Windows)
3. Create your content directly in the Events editor