Skip to content

[BUG] Dead --film-* CSS variables in globals.css contradict the actual Tailwind color mapping #1772

Description

@magic-peach

Bug description
src/app/globals.css defines raw CSS custom properties --film-600 / --film-400 with literal hex values that differ between light (globals.css:19-20, #e63946/#ff6b6b) and dark (:65-66, #FF6666/#66FF66) mode. But tailwind.config.ts:22-34 completely overrides the film color scale used everywhere in components (text-film-600, border-film-400, etc.) to route through var(--accent) / var(--accent-hover) instead — a different variable entirely. A repo-wide grep confirms var(--film-*) is never actually referenced anywhere in src/.

Steps to reproduce

  1. grep -n "film-600\|film-400" src/app/globals.css
  2. grep -n "film:" tailwind.config.ts
  3. grep -rn "var(--film" src/ → zero results

Expected behavior
Either the raw --film-* variables are actually used somewhere and this is a latent theming bug waiting to surface, or they're dead code that should be removed to avoid confusing a future contributor who reasonably assumes --film-600 is what text-film-600 resolves to.

Actual behavior
Two parallel, disconnected definitions of "film-600" exist with different values; the CSS one is unused.

Related to the broader #673 "dark mode audit" issue, but this is a specific, immediately actionable finding rather than something a general audit would necessarily catch (it's dead code, not a rendering bug).

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working correctlygood first issueGood for newcomers and beginnersgssoc'26GirlScript Summer of Code 2026level:beginnerBeginner level - 20 ptsrefactorCode quality and refactoringtype:bugBug fixtype:designUI/UX designtype:refactorCode refactor

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions