Back to feed
Dev.to
Dev.to
6/28/2026
The original title is "Stop Hardcoding Hex #d9d9d9 In Your CSS"

The original title is "Stop Hardcoding Hex #d9d9d9 In Your CSS"

Original: Stop Hardcoding Hex #d9d9d9 In Your CSS

Short summary

Hardcoding #d9d9d9 breaks dark mode and accessibility. Use CSS variables and semantic design tokens instead, mapped via media queries and design systems. Reference tools like Tailwind (gray-300) for platform-specific implementations.

  • •Hardcoded #d9d9d9 fails in dark mode, creating contrast and accessibility issues
  • •Use semantic CSS variables and design tokens instead of hardcoded hex values
  • •Map colors through design systems for consistency across web and native platforms

Generated with AI, which can make mistakes.

#certification-education
Read full article at Dev.to

Is this a good recommendation for you?

Comments

Failed to load comments. Please try again.

Explore more

A Practical CSS Variable Setup for Light/Dark Mode Without Theme Flash
Dev.to
CSS Architecture That Actually Scales: Design Tokens, Custom Properties, and the Systems That Hold Up in Production
Dev.to
Why I stopped using design tokens as implementation details
Dev.to
Tailwind v4 dark mode: the @theme vs @theme inline gotcha that broke my contrast tests
Dev.to