Docs: experimental themes (#103024)

* Updated user preferences page

* Updated org preferences'

* Added feature flag name

docs/sources/administration/organization-preferences/index.md

@@ -103,6 +103,12 @@ Here is an example of the light theme.
 
 ![Light theme example](/static/img/docs/preferences/light-theme-7-4.png)
 
+#### Experimental
+
+There are several experimental themes that you can also choose from.
+To see the color scheme of a theme before selecting it for your organization, click the user icon in the top-right corner of the page and select **Change theme**.
+This opens the **Change theme** drawer, where you can view all themes.
+
 ### Change server UI theme
 
 As a Grafana server administrator, you can change the default Grafana UI theme for all users who are on the server by setting the [default_theme](../../setup-grafana/configure-grafana/#default_theme) option in the Grafana configuration file.

docs/sources/administration/user-management/user-preferences/index.md

@@ -50,9 +50,9 @@ Your profile includes your name, user name, and email address, which you can upd
 
 ## Edit your preferences
 
-You can choose the way you would like data to appear in Grafana, including the UI theme, home dashboard, timezone, and first day of the week. You can set these preferences for your own account, for a team, for an organization, or Grafana-wide using configuration settings. Your user preferences take precedence over team, organization, and Grafana default preferences. For more information, see [Grafana preferences](../../organization-preferences/).
+You can choose the way you would like data to appear in Grafana, including the user interface theme, home dashboard, timezone, and first day of the week. You can set these preferences for your own account, for a team, for an organization, or Grafana-wide using configuration settings. Your user preferences take precedence over team, organization, and Grafana default preferences. For more information, see [Grafana preferences](../../organization-preferences/).
 
-- **UI theme** determines whether Grafana appears in light mode or dark mode. By default, UI theme is set to dark mode.
+- **Interface theme** determines whether Grafana appears in light mode or dark mode. You can also choose from several experimental modes. By default, the interface theme is set to dark mode. You can also [quickly view and change themes](#view-and-change-themes) using the **Change theme** option.
 - **Home dashboard** refers to the dashboard you see when you sign in to Grafana. By default, this is set to the Home dashboard.
 - **Timezone** is used by dashboards when you set time ranges, so that you view data in your timezone instead of UTC.
 - **Week start** is the first day of the week you want to use in dashboard time ranges, for example, `This week`.
@@ -65,6 +65,19 @@ You can choose the way you would like data to appear in Grafana, including the U
 1. Update any of the values in the Preferences section.
 1. Click **Save** at the bottom of the section.
 
+### View and change themes
+
+{{< admonition type="note" >}}
+The **Change theme** drawer is an experimental feature. Engineering and on-call support is not available. Documentation is either limited or not provided outside of code comments. No SLA is provided. Enable the `grafanaconThemes` feature toggle in Grafana to use this feature. This feature is automatically enabled in Grafana Cloud.
+{{< /admonition >}}
+
+The **Change theme** drawer allows you to see the color scheme of a theme without having to select it first.
+It also lets you quickly change a color scheme from anywhere in Grafana without first going to your profile.
+
+To access the **Change theme** drawer, click the user icon in the top-right corner of the page and select **Change theme**.
+
+{{< figure src="/media/docs/grafana/screenshot-themes-drawer-v11.6.png" max-width="650px" alt="The Change theme drawer opened" >}}
+
 ## Switch organizations
 
 When you sign in to Grafana, the system signs you in to a default organization. If you are assigned to multiple organizations, then you might need to switch organizations. For example, if you need to view a dashboard not associated with your current organization, then you should switch organizations to view associated dashboards.