@kanjianmusic/saas-theme

kanjian-saas-theme-generator

saas主题生成

使用

import {
  changeElementUIThemeColorForSaaS,
  changeThemeColorForSaaS,
  changeSopThemeColorForSaaS,
  createFaviconForSaaS
} from '@kanjianmusic/saas-theme';

/**
 * 为了适配不同透明度，需要在:root中添加一下变量
 * --saas-color-r: 0;
 * --saas-color-g: 64;
 * --saas-color-b: 255;
 * --saas-color-primary: rgb(var(--saas-color-r), var(--saas-color-g), var(--saas-color-b));
 * --saas-color-primary-light: rgba(var(--saas-color-r), var(--saas-color-g), var(--saas-color-b), 0.08);
 * --saas-color-primary-light1: rgba(var(--saas-color-r), var(--saas-color-g), var(--saas-color-b), 0.04);
 * --saas-color-primary-light2: rgba(var(--saas-color-r), var(--saas-color-g), var(--saas-color-b), 0.48);
 * --saas-color-primary-light3: linear-gradient(0deg, rgba(var(--saas-color-r), var(--saas-color-g), var(--saas-color-b), 0.48), rgba(var(--saas-color-r), var(--saas-color-g), var(--saas-color-b), 0.48));
 */
changeThemeColorForSaaS('#ED0A47');

changeElementUIThemeColorForSaaS('rgb(255, 10, 100)');

// 引用了@seemusic/element-plus-theme-sop, 需要修改主题色配置
changeSopThemeColorForSaaS('#ED0A47');

createFaviconForSaaS($iconUrl, $documentTitle);

License

MIT License © 2024-PRESENT