42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
|
import { getColorPaletteFamily } from './palette';
|
||
|
|
import { getColorName } from './name';
|
||
|
|
import type { ColorPalette, ColorPaletteFamily, ColorPaletteItem, ColorPaletteNumber } from './type';
|
||
|
|
import defaultPalettes from './json/palette.json';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get color palette by provided color and color name
|
||
|
|
*
|
||
|
|
* @param color The provided color
|
||
|
|
* @param colorName Color name
|
||
|
|
*/
|
||
|
|
export function getColorPalette(color: string, colorName: string) {
|
||
|
|
const colorPaletteFamily = getColorPaletteFamily(color, colorName);
|
||
|
|
|
||
|
|
const colorMap = new Map<ColorPaletteNumber, ColorPaletteItem>();
|
||
|
|
|
||
|
|
colorPaletteFamily.palettes.forEach(palette => {
|
||
|
|
colorMap.set(palette.number, palette);
|
||
|
|
});
|
||
|
|
|
||
|
|
const mainColor = colorMap.get(500) as ColorPaletteItem;
|
||
|
|
const matchColor = colorPaletteFamily.palettes.find(palette => palette.hexcode === color) as ColorPaletteItem;
|
||
|
|
|
||
|
|
const colorPalette: ColorPalette = {
|
||
|
|
...colorPaletteFamily,
|
||
|
|
colorMap,
|
||
|
|
main: mainColor,
|
||
|
|
match: matchColor
|
||
|
|
};
|
||
|
|
|
||
|
|
return colorPalette;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default getColorPalette;
|
||
|
|
|
||
|
|
/** The builtin color palettes */
|
||
|
|
const colorPalettes = defaultPalettes as ColorPaletteFamily[];
|
||
|
|
|
||
|
|
export { getColorName, colorPalettes };
|
||
|
|
|
||
|
|
export type { ColorPalette, ColorPaletteNumber, ColorPaletteItem, ColorPaletteFamily };
|