hex-colors-styles/index.js

Mini biblioteca de utilitários para cores CSS

function applyHexColors() {
  document.querySelectorAll('[class*="text-"]').forEach((el) => {
    el.classList.forEach((cls) => {
      if (cls.startsWith("text-") && /^text-[0-9a-fA-F]{6}$/.test(cls)) {
        const hex = cls.split("text-")[1];
        el.style.color = `#${hex}`;
      }
    });
  });

  document.querySelectorAll('[class*="bg-"]').forEach((el) => {
    el.classList.forEach((cls) => {
      if (cls.startsWith("bg-") && /^bg-[0-9a-fA-F]{6}$/.test(cls)) {
        const hex = cls.split("bg-")[1];
        el.style.backgroundColor = `#${hex}`;
      }
    });
  });
}