# Dark and light mode

Polypane has a dark and light interface. You can toggle between them using ⌘ i, or by selecting "Toggle Dark mode" in the View menu.

![dark mode and light mode side by side](/static/darklight-10ae1ba8f6b5bee3b21c44acadf5c1e1.png)

On macOS, Polypane automatically matches your operating system's appearance on first launch. On Windows and Linux, light mode is the default. You can override the OS setting at any time using the shortcut or menu option, and Polypane will remember your preference.

## Testing your site's dark mode

Polypane's own interface dark/light mode is separate from your **site's** dark mode. To test how your site responds to `prefers-color-scheme`, use the [media emulation toggle in the pane Emulation settings](/docs/emulation/#media). This lets you force dark or light mode per pane independently of the Polypane UI, so you can compare both side by side at the same time.

## See also

*   [Customizing Polypane](/docs/customizing-polypane/) for other ways to personalize the Polypane interface
*   [Emulation](/docs/emulation/#media) to force `prefers-color-scheme: dark` or `light` on a per-pane basis, as well as turning high contrast/forced color mode emulation on and off
*   [Debug tools](/docs/debug-overlays/) to simulate other visual conditions like color blindness or vision deficiencies

---

Polypane is the browser built for developers and designers — try it at https://polypane.app.
