2020-04-10 18:09:29 -04:00
|
|
|
import oc from "open-color";
|
|
|
|
|
2020-11-06 22:06:30 +02:00
|
|
|
const shades = (index: number) => [
|
|
|
|
oc.red[index],
|
|
|
|
oc.pink[index],
|
|
|
|
oc.grape[index],
|
|
|
|
oc.violet[index],
|
|
|
|
oc.indigo[index],
|
|
|
|
oc.blue[index],
|
|
|
|
oc.cyan[index],
|
|
|
|
oc.teal[index],
|
|
|
|
oc.green[index],
|
|
|
|
oc.lime[index],
|
|
|
|
oc.yellow[index],
|
|
|
|
oc.orange[index],
|
2020-04-10 18:09:29 -04:00
|
|
|
];
|
|
|
|
|
2020-03-14 12:18:57 -07:00
|
|
|
export default {
|
2020-04-10 18:09:29 -04:00
|
|
|
canvasBackground: [oc.white, oc.gray[0], oc.gray[1], ...shades(0)],
|
|
|
|
elementBackground: ["transparent", oc.gray[4], oc.gray[6], ...shades(6)],
|
|
|
|
elementStroke: [oc.black, oc.gray[8], oc.gray[7], ...shades(9)],
|
2020-03-14 12:18:57 -07:00
|
|
|
};
|