Open colors (#378)
* Add open colors * More colors * Update colors * Shade 0
This commit is contained in:
parent
4ecc734659
commit
cb8d866c33
@ -104,44 +104,60 @@ export function ColorPicker({
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// https://yeun.github.io/open-color/
|
||||||
const colors = {
|
const colors = {
|
||||||
|
// Shade 0
|
||||||
canvasBackground: [
|
canvasBackground: [
|
||||||
"#DEE6EF",
|
"#FFFFFF",
|
||||||
"#FCEAD8",
|
"#F8F9FA",
|
||||||
"#F9E0E0",
|
"#F1F3F5",
|
||||||
"#E6F1F1",
|
"#FFF5F5",
|
||||||
"#E0EDDF",
|
"#FFF0F6",
|
||||||
"#FBF5DD",
|
"#F8F0FC",
|
||||||
"#F0E6ED",
|
"#F3F0FF",
|
||||||
"#FFEDEF",
|
"#EDF2FF",
|
||||||
"#EDE5E1",
|
"#E7F5FF",
|
||||||
"#F2F0EF",
|
"#E3FAFC",
|
||||||
"#FFFFFF"
|
"#E6FCF5",
|
||||||
|
"#EBFBEE",
|
||||||
|
"#F4FCE3",
|
||||||
|
"#FFF9DB",
|
||||||
|
"#FFF4E6"
|
||||||
],
|
],
|
||||||
|
// Shade 6
|
||||||
elementBackground: [
|
elementBackground: [
|
||||||
"#4E79A7",
|
"transparent",
|
||||||
"#F28E2C",
|
"#CED4DA",
|
||||||
"#E15759",
|
"#868E96",
|
||||||
"#76B7B2",
|
"#FA5252",
|
||||||
"#59A14F",
|
"#E64980",
|
||||||
"#EDC949",
|
"#BE4BDB",
|
||||||
"#AF7AA1",
|
"#7950F2",
|
||||||
"#FF9DA7",
|
"#4C6EF5",
|
||||||
"#9C755F",
|
"#228BE6",
|
||||||
"#BAB0AB",
|
"#15AABF",
|
||||||
"transparent"
|
"#12B886",
|
||||||
|
"#40C057",
|
||||||
|
"#82C91E",
|
||||||
|
"#FAB005",
|
||||||
|
"#FD7E14"
|
||||||
],
|
],
|
||||||
|
// Shade 9
|
||||||
elementStroke: [
|
elementStroke: [
|
||||||
"#324E6B",
|
"#000000",
|
||||||
"#9B5B1D",
|
"#343A40",
|
||||||
"#903839",
|
"#495057",
|
||||||
"#4C7572",
|
"#C92A2A",
|
||||||
"#396733",
|
"#A61E4D",
|
||||||
"#AD9336",
|
"#862E9C",
|
||||||
"#805976",
|
"#5F3DC4",
|
||||||
"#BA737A",
|
"#364FC7",
|
||||||
"#725646",
|
"#1864AB",
|
||||||
"#88817D",
|
"#0B7285",
|
||||||
"#000000"
|
"#087F5B",
|
||||||
|
"#2B8A3E",
|
||||||
|
"#5C940D",
|
||||||
|
"#E67700",
|
||||||
|
"#D9480F"
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
Loading…
x
Reference in New Issue
Block a user