Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

[bug] Tailwind opacity modifiers aren't working

Aberta
#387 1 comentário 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
52/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Pouca atividade
Stack de tecnologia
tailwindcss
Domínio
frontend

Direção de pesquisa

Start by reproducing the issue with text-primary/80 using the color-channel variables in globals.css, following the linked Tailwind CSS variables guidance. Trace how the generated Tailwind styles handle opacity modifiers for that color definition. Done means the modifier applies 80% opacity while the globals continue using color channels rather than rgb or hsl functions.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

chore
Describe the bug

https://v3.tailwindcss.com/docs/customizing-colors#using-css-variables

To reproduce
  1. Apply a tailwind opacity modifier to a color (e.g., text-primary/80)
  2. Observe that the opacity (80%) isn't actually applied
Sourcebot deployment information

Sourcebot version (e.g. v3.0.1): v4.5.1

Additional information

We need to be using just color channels in our globals.css (instead of rgb and hsl functions).
See: https://v3.tailwindcss.com/docs/customizing-colors#using-css-variables

Linguagem predominante
TypeScript
Estrelas
3.9k
Forks
374
Merge médio
21h 18min
PRs com merge (30d)
39

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de sourcebot-dev/sourcebot

Todas as issues de sourcebot-dev/sourcebot

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.