Partindo do projeto inicial organo, quando troquei "corPrimaria" e "corSecundaria" sò por "cor", o meu background começou a ser modificado junto com a cor do colaborador e do border-bottom. Pra resolver o problema baixei o projeto e vi que o professor estava usando no projeto uma funçao chamada: hexToRgba O codigo era o seguinte:
{ backgroundColor: hexToRgba(props.cor, '0.6') }.
Com essa funçao ele muda a opacidade do background-color do time, dando o resultado que se espera. Detalhe: pra funcionar a funçao hexToRgba é necessario instalar:
npm install hex-to-rgba
e pra importar no componente times:
import hexToRgba from 'hex-to-rgba';