tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.41 kB
CSS
@theme {
--color-amberp3-1: color(display-p3 0.995 0.992 0.985);
--color-amberp3-2: color(display-p3 0.994 0.986 0.921);
--color-amberp3-3: color(display-p3 0.994 0.969 0.782);
--color-amberp3-4: color(display-p3 0.989 0.937 0.65);
--color-amberp3-5: color(display-p3 0.97 0.902 0.527);
--color-amberp3-6: color(display-p3 0.936 0.844 0.506);
--color-amberp3-7: color(display-p3 0.89 0.762 0.443);
--color-amberp3-8: color(display-p3 0.85 0.65 0.3);
--color-amberp3-9: color(display-p3 1 0.77 0.26);
--color-amberp3-10: color(display-p3 0.959 0.741 0.274);
--color-amberp3-11: color(display-p3 0.64 0.4 0);
--color-amberp3-12: color(display-p3 0.294 0.208 0.145);
--color-amberdarkp3-1: color(display-p3 0.082 0.07 0.05);
--color-amberdarkp3-2: color(display-p3 0.111 0.094 0.064);
--color-amberdarkp3-3: color(display-p3 0.178 0.128 0.049);
--color-amberdarkp3-4: color(display-p3 0.239 0.156 0);
--color-amberdarkp3-5: color(display-p3 0.29 0.193 0);
--color-amberdarkp3-6: color(display-p3 0.344 0.245 0.076);
--color-amberdarkp3-7: color(display-p3 0.422 0.314 0.141);
--color-amberdarkp3-8: color(display-p3 0.535 0.399 0.189);
--color-amberdarkp3-9: color(display-p3 1 0.77 0.26);
--color-amberdarkp3-10: color(display-p3 1 0.87 0.15);
--color-amberdarkp3-11: color(display-p3 1 0.8 0.29);
--color-amberdarkp3-12: color(display-p3 0.984 0.909 0.726);
}