colors.ts 528 B

12345678910111213141516171819202122
  1. import oc from "open-color";
  2. const shades = (index: number) => [
  3. oc.red[index],
  4. oc.pink[index],
  5. oc.grape[index],
  6. oc.violet[index],
  7. oc.indigo[index],
  8. oc.blue[index],
  9. oc.cyan[index],
  10. oc.teal[index],
  11. oc.green[index],
  12. oc.lime[index],
  13. oc.yellow[index],
  14. oc.orange[index],
  15. ];
  16. export default {
  17. canvasBackground: [oc.white, oc.gray[0], oc.gray[1], ...shades(0)],
  18. elementBackground: ["transparent", oc.gray[4], oc.gray[6], ...shades(6)],
  19. elementStroke: [oc.black, oc.gray[8], oc.gray[7], ...shades(9)],
  20. };