Dark theme in UI Builder
Learn how to switch to the dark theme in UI Builder.
UI Builder includes a dark theme option, offering an eye-friendly alternative to the default light theme. You can enable dark theme by selecting the Choose theme icon ([Omitted image "choose-theme-icon.png"] Alt text: 'Choose theme' icon.) in the banner.
[Omitted image "theme-options.png"] Alt text: Choose theme icon location and the UI Builder theme options popup displaying the Light and Dark themes.
The Dark theme is instantly applied to the UI Builder interface.
[Omitted image "dark-theme-editor.png"] Alt text: UI Builder editor with dark theme applied.
Note: The UI Builder stage uses the theme set in your Platform theme settings. For example, the stage might remain white even when the rest of the interface is dark. To enable UI16 pages to render with the dark theme on the stage, select the Dark option in the theme menu of your user preferences. For more information on navigating to the theme menu, see Open the theme menu.
Parent Topic:Navigate the UI Builder application
--- title: Dark theme in UI Builder description: Learn how to switch to the dark theme in UI Builder. locale: en-US canonical_url: https://www.servicenow.com/docs/r/australia/application-development/ui-builder/dark-theme-ui-builder.html release: australia product: UI Builder classification: ui-builder topic_type: concept last_updated: "2026-09-10" reading_time_minutes: 1 breadcrumb: [Navigate the UI Builder application, Learning UI Builder, UI Builder, Builder library, Developing your application, Classic app development, Building applications] --- # Dark theme in UI Builder Learn how to switch to the dark theme in UI Builder. UI Builder includes a dark theme option, offering an eye-friendly alternative to the default light theme. You can enable dark theme by selecting the Choose theme icon \(\[Omitted image "choose-theme-icon.png"\] Alt text: 'Choose theme' icon.\) in the banner. \[Omitted image "theme-options.png"\] Alt text: Choose theme icon location and the UI Builder theme options popup displaying the Light and Dark themes. The Dark theme is instantly applied to the UI Builder interface. \[Omitted image "dark-theme-editor.png"\] Alt text: UI Builder editor with dark theme applied. **Note:** The UI Builder stage uses the theme set in your Platform theme settings. For example, the stage might remain white even when the rest of the interface is dark. To enable UI16 pages to render with the dark theme on the stage, select the **Dark** option in the theme menu of your user preferences. For more information on navigating to the theme menu, see [Open the theme menu](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/platform-user-interface/tb-open-theme-menu.md). **Parent Topic:**[Navigate the UI Builder application](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/nav-uib.md)
| title | Dark theme in UI Builder |
| description | Learn how to switch to the dark theme in UI Builder. |
| locale | en-US |
| canonical_url | https://www.servicenow.com/docs/r/australia/application-development/ui-builder/dark-theme-ui-builder.html |
| release | australia |
| product | UI Builder |
| classification | ui-builder |
| topic_type | concept |
| last_updated | 2026-09-10 |
| reading_time_minutes | 1 |
| breadcrumb | Navigate the UI Builder applicationLearning UI BuilderUI BuilderBuilder libraryDeveloping your applicationClassic app developmentBuilding applications |