Display all airflow task statuses using matching colors

[helen-m-lin]

Is your feature request related to a problem? Please describe.
There are a few statuses that have hard-coded colors in the Job Status page, e.g. running, success, failure.
It would be nice to display all airflow tasks with matching colors.

Describe the solution you'd like

• Review the existing hard-coded colors for Job Status to see if they match the colors in Airflow:

• Update colors for all existing airflow task statuses

Describe alternatives you've considered
Do we want any additional statuses to be filter values available in the Job Status filter dropdown?

Additional context
Color display for job status in main Jobs table:

aind-data-transfer-service/src/aind_data_transfer_service/templates/job_status.html

Lines 232 to 236 in f708c05

	let customClass = cellData === 'success' ? 'table-success'
	: cellData === 'failed' ? 'table-danger'
	: cellData === 'running' ? 'table-info'
	: cellData === 'queued' ? 'table-secondary'
	: null;

Color display for job status in the Tasks modal:

aind-data-transfer-service/src/aind_data_transfer_service/templates/job_status.html

Lines 338 to 342 in f708c05

	modalTitleJobState.classList.add(
	jobState === 'success' ? 'bg-success'
	: jobState === 'failed' ? 'bg-danger'
	: jobState === 'running' ? 'bg-info'
	: 'bg-secondary'

[johendrickson]

I've been doing some testing, is this the result that was requested @helen-m-lin? Or are the task status boxes supposed to have just colored borders like in airflow? These colors are taken directly from airflow and look very intense

[helen-m-lin]

I agree, those are a bit dark. Would you be able to experiment with adding an opacity to the background color? Alternatively we can make it a border like in airflow.