@radix-ui/colors
Version:
[](https://radix-ui.com/colors)
33 lines (32 loc) • 1.02 kB
CSS
.dark, .dark-theme {
--gray-a1: #00000000;
--gray-a2: #ffffff09;
--gray-a3: #ffffff12;
--gray-a4: #ffffff1b;
--gray-a5: #ffffff22;
--gray-a6: #ffffff2c;
--gray-a7: #ffffff3b;
--gray-a8: #ffffff55;
--gray-a9: #ffffff64;
--gray-a10: #ffffff72;
--gray-a11: #ffffffaf;
--gray-a12: #ffffffed;
}
@supports (color: color(display-p3 1 1 1)) {
@media (color-gamut: p3) {
.dark, .dark-theme {
--gray-a1: color(display-p3 0 0 0 / 0);
--gray-a2: color(display-p3 1 1 1 / 0.034);
--gray-a3: color(display-p3 1 1 1 / 0.071);
--gray-a4: color(display-p3 1 1 1 / 0.105);
--gray-a5: color(display-p3 1 1 1 / 0.134);
--gray-a6: color(display-p3 1 1 1 / 0.172);
--gray-a7: color(display-p3 1 1 1 / 0.231);
--gray-a8: color(display-p3 1 1 1 / 0.332);
--gray-a9: color(display-p3 1 1 1 / 0.391);
--gray-a10: color(display-p3 1 1 1 / 0.445);
--gray-a11: color(display-p3 1 1 1 / 0.685);
--gray-a12: color(display-p3 1 1 1 / 0.929);
}
}
}