Light and dark mode

Help › Light and dark mode

One switch, and the whole city follows it: the community, the classroom, Live Labs and these help pages.

Where the switch is

The button sits in the top bar, at the right of the menu, next to the menu button on a phone. It always tells you what you will get, not what you are in:

• When you are in light mode it reads Dark mode.
• When you are in dark mode it reads Light mode.

What the choice covers

• The community at aiuniversecity.uk, including topics, profiles and the leaderboard.
• The classroom at learn.aiuniversecity.uk, including the lesson pages and the lesson list.
• Live Labs, the help centre, and every other page that carries the same top bar.

You choose it once. Moving between the community and the classroom does not change it, and closing the browser does not change it either.

If you have never chosen

With no choice saved, the site follows your device. Change your phone or computer to dark and the city goes dark with it. The moment you press the switch yourself, your choice takes over and the device setting stops applying until you clear the site's cookies.

If a page looks wrong

1. Check the label. If it reads Dark mode, you are in light mode. Press it and wait a moment; the page redraws without reloading.
2. Hard refresh. Press Ctrl and Shift and R together on Windows, or Cmd, Shift and R on a Mac. This clears an older copy of the styles from your browser.
3. Still wrong on one page only? Tell us through the contact form and name the page. That means a page is missing the shared styling rather than the switch being broken.

Related

• Getting started: account, first lesson, first post.
• The classroom: tracks, lesson formats and progress.
• Apps and tools: installing the app on a phone or desktop.