Configuração do tema do Projeto adicionando as Cores e as Fontes

[melquisedeque-magalhaes]

Configuração de fontes usadas no projeto e de cores, colocando tudo estendendo o tema do tailwindcss.

[diego3g]

Topppppp! Você pode aproveitar e colocar todas cores que usamos na Rocket? Criei uma page dentro do Figma: https://www.figma.com/file/mSZqH7CG5fXBO0jsHMyMts/RS%2FXP-23-App?node-id=1297-436

[melquisedeque-magalhaes]

Topppppp! Você pode aproveitar e colocar todas cores que usamos na Rocket? Criei uma page dentro do Figma: https://www.figma.com/file/mSZqH7CG5fXBO0jsHMyMts/RS%2FXP-23-App?node-id=1297-436

@diego3g adicionado todas as cores :rocket:

[diego3g]

Fala @melquisedeque-magalhaes, vi que algumas cores você "juntou", tipo os tons de azul tudo na mesma tonalidade. To pensando aqui se é o melhor a fazer agora.

Como o Tailwind suporta que a gente use os nomes que quisermos, to pensando se não é melhor manter exatamente a nomenclatura que temos ali no arquivo, ou seja, usar os nomes ignite, discover, etc, o que acha?

Sei que pode ficar confuso pra quem é de fora do contexto da Rocketseat, mas assim abre pra gente ter mais variações das cores com mais tonalidades ao invés de reunir todas elas no mesmo nome.

Até pensei em, nas cores que não são tonalidades de cinza, usarmos os nomes mesmo:

ignite-light
ignite-mid
ignite-dark
ignite-low

Mas me diga se concordam ou se preferem seguir tudo com números. Se forem números, nesse caso eu só tentaria não unir as tonalidades de azul, por exemplo, usaria cyan para as cores do Explorer e blue para do Discover. Também usaria emerald para o Ignite e green para as cores de sucesso.

[melquisedeque-magalhaes]

@diego3g acho que uma boa seguir com essa separação, que aí seguimos como tá no figma, gostei da separação e dos nomes, tranquilo seguir com a nomes ignite-light, ignite-mid, ignite-dark, ignite-low.

[sdavi38]

Mano ver no figma a cor do background é #1E1E1E e não achei na sua paleta de cores, seria "gray-950