tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.44 kB
CSS
@theme {
--color-orangep3-1: color(display-p3 0.995 0.988 0.985);
--color-orangep3-2: color(display-p3 0.994 0.968 0.934);
--color-orangep3-3: color(display-p3 0.989 0.938 0.85);
--color-orangep3-4: color(display-p3 1 0.874 0.687);
--color-orangep3-5: color(display-p3 1 0.821 0.583);
--color-orangep3-6: color(display-p3 0.975 0.767 0.545);
--color-orangep3-7: color(display-p3 0.919 0.693 0.486);
--color-orangep3-8: color(display-p3 0.877 0.597 0.379);
--color-orangep3-9: color(display-p3 0.9 0.45 0.2);
--color-orangep3-10: color(display-p3 0.87 0.409 0.164);
--color-orangep3-11: color(display-p3 0.76 0.34 0);
--color-orangep3-12: color(display-p3 0.323 0.185 0.127);
--color-orangedarkp3-1: color(display-p3 0.088 0.07 0.057);
--color-orangedarkp3-2: color(display-p3 0.113 0.089 0.061);
--color-orangedarkp3-3: color(display-p3 0.189 0.12 0.056);
--color-orangedarkp3-4: color(display-p3 0.262 0.132 0);
--color-orangedarkp3-5: color(display-p3 0.315 0.168 0.016);
--color-orangedarkp3-6: color(display-p3 0.376 0.219 0.088);
--color-orangedarkp3-7: color(display-p3 0.465 0.283 0.147);
--color-orangedarkp3-8: color(display-p3 0.601 0.359 0.201);
--color-orangedarkp3-9: color(display-p3 0.9 0.45 0.2);
--color-orangedarkp3-10: color(display-p3 0.98 0.51 0.23);
--color-orangedarkp3-11: color(display-p3 1 0.63 0.38);
--color-orangedarkp3-12: color(display-p3 0.98 0.883 0.775);
}