Back to feed
Dev.to
Dev.to
7/30/2026
The original title is: "My theme build fails if any color misses WCAG contrast — here's the pipeline"

The original title is: "My theme build fails if any color misses WCAG contrast — here's the pipeline"

Original: My theme build fails if any color misses WCAG contrast — here's the pipeline

Short summary

A developer created a VS Code theme family inspired by Korean dancheong pigments with WCAG contrast enforced as a build gate using ~20 lines of Python. The pipeline checks every text-background pair across all UI surfaces and fails the build if any pair falls below required contrast ratios. All 13 app ports generate from a single palette.json, eliminating drift between variants.

  • •WCAG contrast checking implemented as a build gate in ~20 lines of Python
  • •Every text-background pair across editor, sidebar, terminal, and selection is validated
  • •All theme ports generated from one palette.json; open source on GitHub

Generated with AI, which can make mistakes.

#open-source#ai-tools
Read full article at Dev.to

Is this a good recommendation for you?

Comments

Failed to load comments. Please try again.

Explore more

You finish the UI, run Lighthouse, and suddenly six color pairs fail WCAG AA
Dev.to
Why IKB Fails as Terminal Text (and How I Split It Across Two ANSI Slots)
Dev.to
The original headline is "DESIGN.md Checks WCAG Contrast by Default. Here's Why That Matters."
Dev.to
Klein blue is invisible as text — here's how I worked around it
Dev.to