zsjz-ai/ai-frontend/build/theme/themeConfig.ts

/**
 * Copyright (c) 2013-Now https://jeesite.com All rights reserved.
 * No deletion without permission, or be held responsible to law.
 * @author ThinkGem
 */
import { generate } from '@ant-design/colors';
// import { APP_PRESET_COLOR_LIST } from '../../../src/settings/designSetting';

export const primaryColor = '#2a50ec'; // APP_PRESET_COLOR_LIST[0];
export const darkPrimaryColor = '#2a50ec';

export const darkMode = 'light';

type Fn = (...arg: any) => any;

type GenerateTheme = 'default' | 'dark';

export interface GenerateColorsParams {
  mixLighten: Fn;
  mixDarken: Fn;
  tinycolor: any;
  color?: string;
}

export function generateAntColors(color: string, theme: GenerateTheme = 'default') {
  return generate(color, {
    theme,
  });
}

export function getThemeColors(color?: string) {
  const primary = color || primaryColor;
  const lightColors = generateAntColors(primary);
  const darkPrimary = darkPrimaryColor; //lightColors[5];
  const darkColors = generateAntColors(darkPrimary, 'dark');
  return [...lightColors, ...darkColors];
}

export function generateColors({ color = primaryColor, mixLighten, mixDarken, tinycolor }: GenerateColorsParams) {
  const arr = new Array(19).fill(0);

  const lightens = arr.map((_t, i) => {
    return mixLighten(color, i / 5);
  });

  const darkens = arr
    .map((_t, i) => {
      return mixDarken(color, i / 5);
    })
    .filter((item) => !item.includes('-'));

  const alphaColors = arr.map((_t, i) => {
    return tinycolor(color)
      .setAlpha(i / 20)
      .toRgbString();
  });

  const shortAlphaColors = alphaColors.map((item) => item.replace(/\s/g, '').replace(/0\./g, '.'));

  const tinycolorLightens = arr
    .map((_t, i) => {
      return tinycolor(color)
        .lighten(i * 5)
        .toHexString();
    })
    .filter((item) => item !== '#ffffff');

  const tinycolorDarkens = arr
    .map((_t, i) => {
      return tinycolor(color)
        .darken(i * 5)
        .toHexString();
    })
    .filter((item) => item !== '#000000');

  // console.log('lightens', lightens);
  // console.log('darkens', darkens);
  // console.log('alphaColors', alphaColors);
  // console.log('shortAlphaColors', shortAlphaColors);
  // console.log('tinycolorLightens', tinycolorLightens);
  // console.log('tinycolorDarkens', tinycolorDarkens);

  return [...lightens, ...darkens, ...alphaColors, ...shortAlphaColors, ...tinycolorDarkens, ...tinycolorLightens];
}