Created a new dark mode document

website/docs/docs/cloud/about-cloud/dark-mode.md

@@ -0,0 +1,41 @@
+---
+title: "dbt Cloud dark mode"
+id: dark-mode
+description: "About dbt Cloud dark mode"
+sidebar_label: dbt Cloud dark mode
+---
+
+dbt Cloud supports **Light mode** (default), **Dark mode**, and **System mode** (automatic theme switching based on your browser’s preferences set) 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. It will be available for all [plans](https://www.getdbt.com/pricing) in the future. We’ll be rolling it out gradually, so stay tuned for updates.
+
+## Enable dark mode 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" />
+
+### Dark mode setting in the IDE
+
+The **Switch to Dark Mode** menu item in the IDE will soon be deprecated. All users 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.

website/docs/docs/dbt-versions/release-notes.md

@@ -19,6 +19,10 @@ Release notes are grouped by month for both multi-tenant and virtual private clo
 \* The official release date for this new format of release notes is May 15th, 2024. Historical release notes for prior dates may not reflect all available features released earlier this year or their tenancy availability.
 
 ## January 2025
+
+- **New**: Users can now switch themes directly from the user menu. We have added support for **Light mode** (default), **Dark mode**, and automatic theme switching based on system preferences. The selected theme is stored in the user profile and will follow users across all devices.
+- Dark mode is currently available on the Developer plan and will be available for all [plans](https://www.getdbt.com/pricing) in the future. We’ll be rolling it out gradually, so stay tuned for updates. For more information, refer to [dbt Cloud dark mode](/docs/cloud/about-cloud/dark-mode).
+
 - **Enhancement**: The [`dbt_version` format](/reference/commands/version#versioning) in dbt Cloud now better aligns with [semantic versioning rules](https://semver.org/). Leading zeroes have been removed from the month and day (`YYYY.M.D+<suffix>`). For example:
   - New format: `2024.10.8+996c6a8`
   - Previous format: `2024.10.08+996c6a8`

website/sidebars.js

@@ -31,6 +31,7 @@ const sidebarSettings = {
         "docs/cloud/about-cloud/tenancy",
         "docs/cloud/about-cloud/access-regions-ip-addresses",
         "docs/cloud/about-cloud/browsers",
+        "docs/cloud/about-cloud/dark-mode",
       ],
     }, // About dbt Cloud directory
     {