Projects Pages: Update Project Status Options and Label Color

[kimberlyvaldez07]

Dependency

This issue needs to be completed in order to execute and complete #8752 and #8751

Overview

We need to add a new project status option for "closed" projects and a new status label color scheme to ensure accuracy and distinction between the projects lifecycle.

Details

We are adding a 'Closed' project status to accurately reflect retired projects that did not make it to completion. This is different from 'completed' projects status.

Action Items

• Review the notes section, example below and determine which files need to be updated and then create a draft
• Review draft with Product team
• Once approved, implement the change and close this issue

Instructions

New Project Status Label

• Create a new status label called 'Closed'

Project Status Color Palette Update: for each project status label, do the following to the HEX number

• Keep 'Active' as $color-lightgreen: #BBFFBB
• Keep 'On Hold' as $color-lightyellow: #FFFF97
• Update 'Closed' status to #D9D9D9
• Update 'Completed' from
  .status-Completed {
    background-color: $color-salmon;
  }
  to #B8D9FF

Resources

Here is an example

Ignore the shape of the labels. This is an example of what it should look like.

[github-actions]

Hi @kimberlyvaldez07.

Please don't forget to add the proper labels to this issue. Currently, the labels for the following are missing:

• Feature, Size

NOTE: Please ignore this comment if you do not have 'write' access to this directory.

To add a label, take a look at Github's documentation here.

Also, don't forget to remove the "missing labels" afterwards.
To remove a label, the process is similar to adding a label, but you select a currently added label to remove it.

After the proper labels are added, the merge team will review the issue and add a "Ready for Prioritization" label once it is ready for prioritization.

Additional Resources:

• Wiki: How to create issues
• Wiki: How to read and interpret labels