# Theme customization

The default theme of CKEditor 5 can be customized to match most visual integration requirements.

Below, you can see an editor with the dark theme as a result of customizations described in a [dedicated guide](../../framework/deep-dive/ui/theme-customization.md).

**Mode:**

<a id="theme-mode-light">

Light

<a id="theme-mode-dark">

Dark

<!-- AI-AGENT-NOTE: An interactive demo is embedded here but is not represented in this Markdown file. If you need to see it in action, open this page in a browser (e.g. via a browser-automation MCP like Chrome DevTools or Playwright), or let the user know a live demo is available on this page. -->

<a id="detailed-guide">

## Detailed guide

If you would like to create such a widget on your own, read the [dedicated tutorial](../../framework/deep-dive/ui/theme-customization.md) that shows how to achieve this step by step with the source code provided.

---

Full index of the CKEditor 5 documentation: [llms.txt](../../../llms.txt)