diff --git a/assets/images/help/settings/theme-choose-a-day-and-night-theme-to-sync.png b/assets/images/help/settings/theme-choose-a-day-and-night-theme-to-sync.png new file mode 100644 index 0000000000..c88e669e31 Binary files /dev/null and b/assets/images/help/settings/theme-choose-a-day-and-night-theme-to-sync.png differ diff --git a/assets/images/help/settings/theme-choose-a-single-theme.png b/assets/images/help/settings/theme-choose-a-single-theme.png new file mode 100644 index 0000000000..a63837059e Binary files /dev/null and b/assets/images/help/settings/theme-choose-a-single-theme.png differ diff --git a/assets/images/help/settings/theme-mode-drop-down-menu.png b/assets/images/help/settings/theme-mode-drop-down-menu.png new file mode 100644 index 0000000000..3e2599affe Binary files /dev/null and b/assets/images/help/settings/theme-mode-drop-down-menu.png differ diff --git a/assets/images/help/settings/theme-settings-radio-buttons.png b/assets/images/help/settings/theme-settings-radio-buttons.png deleted file mode 100644 index 0ff46c06b4..0000000000 Binary files a/assets/images/help/settings/theme-settings-radio-buttons.png and /dev/null differ diff --git a/content/github/setting-up-and-managing-your-github-user-account/managing-your-theme-settings.md b/content/github/setting-up-and-managing-your-github-user-account/managing-your-theme-settings.md index 609bb5e5a3..a23ad01464 100644 --- a/content/github/setting-up-and-managing-your-github-user-account/managing-your-theme-settings.md +++ b/content/github/setting-up-and-managing-your-github-user-account/managing-your-theme-settings.md @@ -1,25 +1,24 @@ --- title: Managing your theme settings -intro: 'You can manage how {% data variables.product.product_name %} looks to you by setting a theme preference that either follows your system settings or always uses light mode or dark mode.' +intro: 'You can manage how {% data variables.product.product_name %} looks to you by setting a theme preference that either follows your system settings or always uses a light or dark mode.' versions: free-pro-team: '*' topics: - accounts --- -{% note %} - -**Note:** Theme settings is currently in beta and subject to change. - -{% endnote %} - -For choice and flexibility in how and when you use {% data variables.product.product_name %}, you can configure theme settings to change how {% data variables.product.product_name %} looks to you. You can choose from two themes, light and dark, or you can configure {% data variables.product.product_name %} to follow your system settings. Some developers use dark theme for personal preference, to reduce power consumption on certain devices, or to reduce eye strain in low-light conditions. +For choice and flexibility in how and when you use {% data variables.product.product_name %}, you can configure theme settings to change how {% data variables.product.product_name %} looks to you. You can choose from themes that are light or dark, or you can configure {% data variables.product.product_name %} to follow your system settings. You may want to use a dark theme to reduce power consumption on certain devices, to reduce eye strain in low-light conditions, or because you prefer how the theme looks. {% data reusables.user_settings.access_settings %} 1. In the user settings sidebar, click **Appearance**. !["Appearance" tab in user settings sidebar](/assets/images/help/settings/appearance-tab.png) -1. Under "Theme", select a theme preference. - ![Radio buttons for theme settings](/assets/images/help/settings/theme-settings-radio-buttons.png) +1. Under "Theme mode", select the drop-down menu, then click a theme preference. + ![Drop-down menu under "Theme mode" for selection of theme preference](/assets/images/help/settings/theme-mode-drop-down-menu.png) +1. Click the theme you'd like to use. + - If you chose a single theme, click a theme. + ![Radio buttons for the choice of a single theme](/assets/images/help/settings/theme-choose-a-single-theme.png) + - If you chose to follow your system settings, click a day theme and a night theme. + ![Buttons for the choice of a theme to sync with the system setting](/assets/images/help/settings/theme-choose-a-day-and-night-theme-to-sync.png) ### Further reading