colors.ts 476 B

12345678910111213141516171819202122
  1. import oc from "open-color";
  2. const shades = (i: number) => [
  3. oc.red[i],
  4. oc.pink[i],
  5. oc.grape[i],
  6. oc.violet[i],
  7. oc.indigo[i],
  8. oc.blue[i],
  9. oc.cyan[i],
  10. oc.teal[i],
  11. oc.green[i],
  12. oc.lime[i],
  13. oc.yellow[i],
  14. oc.orange[i],
  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. };