2021-02-19 10:11:00 +00:00
|
|
|
/*
|
|
|
|
* The palettes were inspired by comparisons of a handful of popular services.
|
|
|
|
*/
|
2022-04-07 14:58:16 +00:00
|
|
|
export const swatches = [
|
|
|
|
// white-black
|
2021-02-19 10:11:00 +00:00
|
|
|
"#FFFFFF",
|
|
|
|
"#DCDCDC",
|
|
|
|
"#888888",
|
|
|
|
"#000000",
|
2022-04-07 14:58:16 +00:00
|
|
|
|
|
|
|
// red
|
|
|
|
"#FECBCC",
|
|
|
|
"#FD8182",
|
2021-02-19 10:11:00 +00:00
|
|
|
"#E00A17",
|
|
|
|
"#740206",
|
2022-04-07 14:58:16 +00:00
|
|
|
|
|
|
|
// brown
|
|
|
|
"#F3E1D2",
|
|
|
|
"#D6A77F",
|
2021-02-19 10:11:00 +00:00
|
|
|
"#AA632B",
|
|
|
|
"#653008",
|
2022-04-07 14:58:16 +00:00
|
|
|
|
|
|
|
// orange
|
|
|
|
"#FEE7C3",
|
|
|
|
"#FECC81",
|
2021-02-19 10:11:00 +00:00
|
|
|
"#FD9D28",
|
|
|
|
"#B36F19",
|
2022-04-07 14:58:16 +00:00
|
|
|
|
|
|
|
// yellow
|
|
|
|
"#FFFACD",
|
|
|
|
"#FEF47A",
|
2021-02-19 10:11:00 +00:00
|
|
|
"#E8D62F",
|
|
|
|
"#928619",
|
2022-04-07 14:58:16 +00:00
|
|
|
|
|
|
|
// green
|
|
|
|
"#E1FEDE",
|
|
|
|
"#98FD90",
|
2021-02-19 10:11:00 +00:00
|
|
|
"#2AE028",
|
|
|
|
"#126E0E",
|
2022-04-07 14:58:16 +00:00
|
|
|
|
|
|
|
// light blue
|
|
|
|
"#CCFEFE",
|
|
|
|
"#8AFCFE",
|
2021-02-19 10:11:00 +00:00
|
|
|
"#24D6DB",
|
|
|
|
"#0C686A",
|
2022-04-07 14:58:16 +00:00
|
|
|
|
|
|
|
// dark blue
|
|
|
|
"#D3E7FE",
|
|
|
|
"#75B5FC",
|
2021-02-19 10:11:00 +00:00
|
|
|
"#157AFB",
|
|
|
|
"#084794",
|
2022-04-07 14:58:16 +00:00
|
|
|
|
|
|
|
// violet
|
|
|
|
"#E8D0FE",
|
|
|
|
"#BC77FC",
|
2021-02-19 10:11:00 +00:00
|
|
|
"#8725FB",
|
|
|
|
"#460D81",
|
2022-04-07 14:58:16 +00:00
|
|
|
|
|
|
|
// pink
|
|
|
|
"#FED6FB",
|
|
|
|
"#FD79F4",
|
2021-02-19 10:11:00 +00:00
|
|
|
"#E621D7",
|
|
|
|
"#760C6E"
|
|
|
|
];
|
2022-04-07 14:58:16 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Tells if swatch is a light color or dark (2 first are light 2 last are dark)
|
|
|
|
*/
|
|
|
|
export function isLight(index: number) {
|
|
|
|
return index % 4 <= 1;
|
|
|
|
}
|