-
Notifications
You must be signed in to change notification settings - Fork 1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'current' into add-slack-permission
- Loading branch information
Showing
10 changed files
with
62 additions
and
364 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,42 @@ | ||
--- | ||
title: "Change your dbt Cloud Theme" | ||
id: dark-mode | ||
description: "Learn about theme switching in dbt Cloud" | ||
sidebar_label: dbt Cloud dark mode | ||
image: /img/docs/dbt-cloud/using-dbt-cloud/dark-mode.png | ||
--- | ||
|
||
dbt Cloud supports **Light mode** (default), **Dark mode**, and **System mode** (respects your browser's theme for light or dark mode) under the **Theme** section of your user profile. You can seamlessly switch between these modes directly from the profile menu, customizing your viewing experience. | ||
|
||
Your selected theme is stored in your user profile, ensuring a consistent experience across dbt Cloud. | ||
|
||
Theme selection applies across all areas of dbt Cloud, including the [IDE](/docs/cloud/dbt-cloud-ide/develop-in-the-cloud), [dbt Explorer](/docs/collaborate/explore-projects), [environments](/docs/environments-in-dbt), [jobs](/docs/deploy/jobs), and more. Learn more about customizing themes in [Enable dark mode in dbt Cloud](/docs/cloud/about-cloud/dark-mode#enable-dark-mode-in-dbt-cloud). | ||
|
||
## Prerequisites | ||
|
||
- You have a dbt Cloud account. If you don’t, try [dbt Cloud for free!](https://www.getdbt.com/signup) | ||
- Dark mode is currently available on the Developer plan and will gradually be made available for all [plans](https://www.getdbt.com/pricing) in the future. Stay tuned for updates. | ||
|
||
## Change themes in dbt Cloud | ||
|
||
To switch to dark mode in the dbt Cloud UI, follow these steps: | ||
|
||
1. Navigate to your account name at the bottom left of your account. | ||
2. Under **Theme**, select **Dark**. | ||
|
||
<Lightbox src="/img/docs/dbt-cloud/using-dbt-cloud/dark-mode.png" width="70%" title="Enable dark mode" /> | ||
|
||
And that’s it! 🎉 Your chosen selected theme will follow you across all devices. | ||
|
||
## Disable dark mode in dbt Cloud | ||
|
||
To disable dark mode in the dbt Cloud UI, follow these steps: | ||
|
||
1. Navigate to the three dots at the bottom right of the IDE. | ||
2. Select **Switch to light mode** from the menu. | ||
|
||
<Lightbox src="/img/docs/dbt-cloud/using-dbt-cloud/theme-selection-in-the-ide.png" width="90%" title="Enable light mode" /> | ||
|
||
## Legacy dark mode | ||
|
||
The **Switch to dark mode** menu item in the IDE will soon be deprecated. All users who have access to the IDE will default to **Light mode** upon signing in, but can easily switch to **Dark mode** from the user menu in the navigation. Once you switch to your new theme, it will apply to all of your devices. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.