gristlabs_grist-core/app/client/ui2018/ColorPalette.ts
Cyprien P e7c4686536 (core) Brings the new color select.
Summary:
Component is implemented as a grainjs ui component and can be tested using `yarn serve-projects`.

This diff does not bring color select to Grist just yet.

Follow up:
 - Make it possible to set a custom color by typing hex value directly in.
 - Disable the button while save call is pending.

Test Plan:
  - Adds a project test

Reviewers: paulfitz

Reviewed By: paulfitz

Subscribers: dsagal

Differential Revision: https://phab.getgrist.com/D2733
2021-02-19 16:18:14 +01:00

69 lines
920 B
TypeScript

/*
* The palettes were inspired by comparisons of a handful of popular services.
*/
export const lighter = [
"#FFFFFF",
"#DCDCDC",
"#B4B4B4",
"#FECBCC",
"#FD8182",
"#FC363B",
"#F3E1D2",
"#D6A77F",
"#C37739",
"#FEE7C3",
"#FECC81",
"#FDA630",
"#FFFACD",
"#FEF47A",
"#FEEB36",
"#E1FEDE",
"#98FD90",
"#35FD31",
"#CCFEFE",
"#8AFCFE",
"#2EF8FE",
"#D3E7FE",
"#75B5FC",
"#2486FB",
"#E8D0FE",
"#BC77FC",
"#9633FB",
"#FED6FB",
"#FD79F4",
"#FC2AED"
];
export const darker = [
"#888888",
"#414141",
"#000000",
"#E00A17",
"#B60610",
"#740206",
"#AA632B",
"#824617",
"#653008",
"#FD9D28",
"#E38D22",
"#B36F19",
"#E8D62F",
"#C0B225",
"#928619",
"#2AE028",
"#1FAA1C",
"#126E0E",
"#24D6DB",
"#189DA1",
"#0C686A",
"#157AFB",
"#0F64CF",
"#084794",
"#8725FB",
"#6318B8",
"#460D81",
"#E621D7",
"#B818AC",
"#760C6E"
];