Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

[bug] Tailwind opacity modifiers aren't working

Offen
#387 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
52/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Ruhig
Tech-Stack
tailwindcss
Bereich
frontend

Rechercherichtung

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.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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

Vorherrschende Sprache
TypeScript
Sterne
3.9k
Forks
374
Ø Merge
21 Std. 18 Min.
Gemergte PRs (30 T.)
39

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus sourcebot-dev/sourcebot

Alle Issues in sourcebot-dev/sourcebot

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.