tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.42 kB
CSS
@theme {
--color-tealp3-1: color(display-p3 0.983 0.996 0.992);
--color-tealp3-2: color(display-p3 0.958 0.983 0.976);
--color-tealp3-3: color(display-p3 0.895 0.971 0.952);
--color-tealp3-4: color(display-p3 0.831 0.949 0.92);
--color-tealp3-5: color(display-p3 0.761 0.914 0.878);
--color-tealp3-6: color(display-p3 0.682 0.864 0.825);
--color-tealp3-7: color(display-p3 0.581 0.798 0.756);
--color-tealp3-8: color(display-p3 0.433 0.716 0.671);
--color-tealp3-9: color(display-p3 0.297 0.637 0.581);
--color-tealp3-10: color(display-p3 0.275 0.599 0.542);
--color-tealp3-11: color(display-p3 0.08 0.5 0.43);
--color-tealp3-12: color(display-p3 0.11 0.235 0.219);
--color-tealdarkp3-1: color(display-p3 0.059 0.083 0.079);
--color-tealdarkp3-2: color(display-p3 0.075 0.11 0.107);
--color-tealdarkp3-3: color(display-p3 0.087 0.175 0.165);
--color-tealdarkp3-4: color(display-p3 0.087 0.227 0.214);
--color-tealdarkp3-5: color(display-p3 0.12 0.277 0.261);
--color-tealdarkp3-6: color(display-p3 0.162 0.335 0.314);
--color-tealdarkp3-7: color(display-p3 0.205 0.406 0.379);
--color-tealdarkp3-8: color(display-p3 0.245 0.489 0.453);
--color-tealdarkp3-9: color(display-p3 0.297 0.637 0.581);
--color-tealdarkp3-10: color(display-p3 0.319 0.69 0.62);
--color-tealdarkp3-11: color(display-p3 0.388 0.835 0.719);
--color-tealdarkp3-12: color(display-p3 0.734 0.934 0.87);
}