diff --git a/assets/images/help/stars/add-repo-to-list.png b/assets/images/help/stars/add-repo-to-list.png index 8cbbd0f2a70a..9d303efa7d1a 100644 Binary files a/assets/images/help/stars/add-repo-to-list.png and b/assets/images/help/stars/add-repo-to-list.png differ diff --git a/assets/images/help/stars/create-list-with-description.png b/assets/images/help/stars/create-list-with-description.png deleted file mode 100644 index 6563ac680fca..000000000000 Binary files a/assets/images/help/stars/create-list-with-description.png and /dev/null differ diff --git a/assets/images/help/stars/create-list.png b/assets/images/help/stars/create-list.png deleted file mode 100644 index 04497392cc7a..000000000000 Binary files a/assets/images/help/stars/create-list.png and /dev/null differ diff --git a/assets/images/help/stars/edit-list-options.png b/assets/images/help/stars/edit-list-options.png index a4538dc1af01..b7de58146bab 100644 Binary files a/assets/images/help/stars/edit-list-options.png and b/assets/images/help/stars/edit-list-options.png differ diff --git a/assets/images/help/stars/lists-overview-on-stars-page.png b/assets/images/help/stars/lists-overview-on-stars-page.png index 2e200610caec..498cab1abfae 100644 Binary files a/assets/images/help/stars/lists-overview-on-stars-page.png and b/assets/images/help/stars/lists-overview-on-stars-page.png differ diff --git a/assets/images/help/stars/navigate-to-stars-page.png b/assets/images/help/stars/navigate-to-stars-page.png index 5ad409bb391e..4c3c3c201a82 100644 Binary files a/assets/images/help/stars/navigate-to-stars-page.png and b/assets/images/help/stars/navigate-to-stars-page.png differ diff --git a/assets/images/help/stars/search-bar-for-starred-repos.png b/assets/images/help/stars/search-bar-for-starred-repos.png deleted file mode 100644 index ab606d33f9ed..000000000000 Binary files a/assets/images/help/stars/search-bar-for-starred-repos.png and /dev/null differ diff --git a/assets/images/help/stars/starring-a-repository.png b/assets/images/help/stars/starring-a-repository.png index 9d937b6049f7..cad20f1b9d36 100644 Binary files a/assets/images/help/stars/starring-a-repository.png and b/assets/images/help/stars/starring-a-repository.png differ diff --git a/assets/images/help/stars/stars-dropdown-on-repo.png b/assets/images/help/stars/stars-dropdown-on-repo.png index 2d5c41dbf3ba..9eafd2fbfa52 100644 Binary files a/assets/images/help/stars/stars-dropdown-on-repo.png and b/assets/images/help/stars/stars-dropdown-on-repo.png differ diff --git a/assets/images/help/stars/stars_filter_language.png b/assets/images/help/stars/stars_filter_language.png deleted file mode 100644 index dedbc15bf1c7..000000000000 Binary files a/assets/images/help/stars/stars_filter_language.png and /dev/null differ diff --git a/assets/images/help/stars/stars_filter_topic.png b/assets/images/help/stars/stars_filter_topic.png deleted file mode 100644 index 4f987d5f3e6a..000000000000 Binary files a/assets/images/help/stars/stars_filter_topic.png and /dev/null differ diff --git a/assets/images/help/stars/stars_search_bar.png b/assets/images/help/stars/stars_search_bar.png deleted file mode 100644 index c32f9bc7f6c6..000000000000 Binary files a/assets/images/help/stars/stars_search_bar.png and /dev/null differ diff --git a/assets/images/help/stars/stars_sort_menu.png b/assets/images/help/stars/stars_sort_menu.png deleted file mode 100644 index 2a5c823de2d7..000000000000 Binary files a/assets/images/help/stars/stars_sort_menu.png and /dev/null differ diff --git a/assets/images/help/stars/unstarring-a-repository.png b/assets/images/help/stars/unstarring-a-repository.png index 4ae3b1c34a2a..53f7ef9bbe08 100644 Binary files a/assets/images/help/stars/unstarring-a-repository.png and b/assets/images/help/stars/unstarring-a-repository.png differ diff --git a/content/get-started/exploring-projects-on-github/saving-repositories-with-stars.md b/content/get-started/exploring-projects-on-github/saving-repositories-with-stars.md index 2650f2c3b62d..ec209583e0d2 100644 --- a/content/get-started/exploring-projects-on-github/saving-repositories-with-stars.md +++ b/content/get-started/exploring-projects-on-github/saving-repositories-with-stars.md @@ -36,9 +36,9 @@ Starring a repository is a simple two-step process. {% data reusables.repositories.navigate-to-repo %} 1. In the top-right corner of the page, click **Star**. -![Starring a repository](/assets/images/help/stars/starring-a-repository.png) -1. Optionally, to unstar a previously starred repository, click **Unstar**. -![Untarring a repository](/assets/images/help/stars/unstarring-a-repository.png) +![Screenshot of the repository bar with the "Star" option highlighted with a dark orange outline.](/assets/images/help/stars/starring-a-repository.png) +1. Optionally, to unstar a previously starred repository, click **Starred**. This will remove the repository from your starred list. +![Screenshot of the repository bar. The "Starred" button is highlighted with a dark orange outline.](/assets/images/help/stars/unstarring-a-repository.png) {% ifversion fpt or ghec %} @@ -61,38 +61,34 @@ To view everyone who has starred a repository, add `/stargazers` to the end of t Curate repositories that you've starred with public lists. You can create public lists that appear on your stars page at `https://github.com/USERNAME?tab=stars`. -If you add a private repository to a list, then the private repository will only appear in your list for people with `read` access to the repository. +![Screenshot the "Stars" tab of Octocat's profile. Two named lists of stars are displayed.](/assets/images/help/stars/lists-overview-on-stars-page.png) -![Screenshot of lists on stars page](/assets/images/help/stars/lists-overview-on-stars-page.png) +If you add a private repository to a list, then the private repository will only appear in your list for people with `read` access to the repository. You can add a repository to an existing or new list wherever you see a repository's **Star** or **Starred** dropdown menu, whether on a repository page or in a list of starred repositories. -![Screenshot of "Star" dropdown menu with list options featured from the repository page](/assets/images/help/stars/stars-dropdown-on-repo.png) +![Screenshot of a repository page. The "Star" dropdown menu is expanded, with a list options highlighted with a dark orange outline.](/assets/images/help/stars/stars-dropdown-on-repo.png) -![Screenshot of "Starred" dropdown menu with list options featured from a starred repository list](/assets/images/help/stars/add-repo-to-list.png) ### Creating a list {% data reusables.stars.stars-page-navigation %} 2. Next to "Lists", click **Create list**. - ![Screenshot of "Create list" button](/assets/images/help/stars/create-list.png) 3. Enter a name and description for your list and click **Create**. - ![Screenshot of modal showing where you enter a name and description with the "Create" button.](/assets/images/help/stars/create-list-with-description.png) ### Adding a repository to a list {% data reusables.stars.stars-page-navigation %} -2. Find the repository you want to add to your list. - ![Screenshot of starred repos search bar](/assets/images/help/stars/search-bar-for-starred-repos.png) +2. Find the repository you want to add to your list by typing it into the search bar. 3. Next to the repository you want to add, use the **Starred** dropdown menu and select your list. - ![Screenshot of dropdown showing a list checkboxes](/assets/images/help/stars/add-repo-to-list.png) + ![Screenshot of a list of repositories on the "Stars" page. Next to a repository, under the "Starred" button, a dropdown menu is outlined in orange.](/assets/images/help/stars/add-repo-to-list.png) ### Removing a repository from your list {% data reusables.stars.stars-page-navigation %} 2. Select your list. -3. Next to the repository you want to remove, use the **Starred** dropdown menu and deselect your list. - ![Screenshot of dropdown showing list checkboxes](/assets/images/help/stars/add-repo-to-list.png) +3. Next to the repository you want to remove, use the **Starred** drop-down menu and deselect your list. + ![Screenshot of a list of repositories on the "Stars" page. Next to a repository, under the "Starred" button, a dropdown menu is outlined in orange.](/assets/images/help/stars/add-repo-to-list.png) ### Editing a list name or description @@ -100,14 +96,14 @@ You can add a repository to an existing or new list wherever you see a repositor 1. Select the list you want to edit. 2. Click **Edit list**. 3. Update the name or description and click **Save list**. - ![Screenshot of modal showing "Save list" button](/assets/images/help/stars/edit-list-options.png) + ![Screenshot of modal showing edit options with "Delete list" and "Save list" highlighted with a dark orange outline.](/assets/images/help/stars/edit-list-options.png) ### Deleting a list {% data reusables.stars.stars-page-navigation %} 2. Select the list you want to delete. 3. Click **Delete list**. - ![Screenshot of modal showing "Delete list" button](/assets/images/help/stars/edit-list-options.png) + ![Screenshot of modal showing edit options with "Delete list" and "Save list" highlighted with a dark orange outline.](/assets/images/help/stars/edit-list-options.png) 4. To confirm, click **Delete**. {% endif %} @@ -116,9 +112,8 @@ You can add a repository to an existing or new list wherever you see a repositor You can use the search bar on your {% data variables.explore.your_stars_page %} to quickly find repositories and topics you've starred. -1. Go to your {% data variables.explore.your_stars_page %}. +{% data reusables.stars.stars-page-navigation %} 1. Use the search bar to find your starred repositories or topics by their name. -![Searching through stars](/assets/images/help/stars/stars_search_bar.png) The search bar only searches based on the name of a repository or topic, and not on any other qualifiers (such as the size of the repository or when it was last updated). @@ -126,13 +121,11 @@ The search bar only searches based on the name of a repository or topic, and not You can use sorting or filtering to customize how you see starred repositories and topics on your stars page. -1. Go to your {% data variables.explore.your_stars_page %}. -1. To sort stars, select the **Sort** drop-down menu, then select **Recently starred**, **Recently active**, or **Most stars**. -![Sorting stars](/assets/images/help/stars/stars_sort_menu.png) -1. To filter your list of stars based on their language, click on the desired language under **Filter by languages**. -![Filter stars by language](/assets/images/help/stars/stars_filter_language.png) -1. To filter your list of stars based on repository or topic, click on the desired option. -![Filter stars by topic](/assets/images/help/stars/stars_filter_topic.png) +{% data reusables.stars.stars-page-navigation %} +1. To sort stars, select the **Sort by:** dropdown menu, then select **Recently starred**, **Recently active**, or **Most stars**. +1. To filter your list of stars based on their language, click on the desired language under the **Language** dropdown menu. +1. To filter your list of stars based on repository type, click on the desired option under the **Type:** dropdown menu. + ## Further reading