MonorailCss

Accent Color

Utilities for controlling the accent color of form controls.

Class CSS Output
accent-red-50 
accent-color: var(--color-red-50);
}
accent-blue-50 
accent-color: var(--color-blue-50);
}
accent-green-50 
accent-color: var(--color-green-50);
}
accent-gray-50 
accent-color: var(--color-gray-50);
}
accent-[#ff0000] 
accent-color: #ff0000;
}
accent-red-500/50 
accent-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
}

accent-red-50

accent-color: var(--color-red-50);

accent-blue-50

accent-color: var(--color-blue-50);

accent-green-50

accent-color: var(--color-green-50);

accent-gray-50

accent-color: var(--color-gray-50);

accent-[#ff0000]

accent-color: #ff0000;

accent-red-500/50

accent-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);

Reference

accent-color MDN ↗

CSS Properties

  • accent-color