← All guides

Guides

How to switch Kanbei to dark mode

By Daniel Jimenez, founder of Kanbei · November 3, 2026 · 2 min read

A Kanbei guide — step by step, for organizers.

Kanbei has a dark mode for the whole site: the app, the public pages, and the demo. Pick System, Light, or Dark in Settings → Appearance, and everything flips at once. It is the same calm design, just dark — warm near-black pages, cream cards, and the same yellow accent.

Change it in Settings → Appearance

Open Settings from your sidebar, then the Appearance section at the top. There are three choices: System, Light, and Dark. Pick one and the site changes immediately — there is nothing to save.

What System means

System follows your device: if your phone or computer is set to dark, Kanbei is dark; if it is set to light, Kanbei is light. Change the device setting and Kanbei follows it. If nothing is stored, System is what you get.

Where your choice lives

Your choice is saved on the device, in the browser — not on your account. It follows you between the app and the demo on that device, but a different phone or computer has its own setting. Signing out does not erase it.

Dark mode in the demo

The demo has no account and no Settings page, so it has its own toggle: a sun/moon button in the banner strip at the top of the demo. Tap it to flip between light and dark. It saves the same way, on the device.

Doing this in Kanbei

In your workspace, go to Settings → Appearance and pick System, Light, or Dark. In the demo, tap the sun/moon button in the top banner. Either way the change applies to the whole site at once, and stays that way on that device until you change it.

Common questions

Where is the dark mode setting?

Settings → Appearance, at the top of the Settings page. Pick System, Light, or Dark.

Does dark mode sync to my other devices?

No. It is saved on the device, in the browser. Each phone or computer keeps its own setting.

What does System do?

It follows your device’s own light/dark setting, and changes when the device setting changes.

Can I use dark mode in the demo without an account?

Yes. Tap the sun/moon button in the demo’s top banner strip.


More guides