@kanjianmusic/saas-theme

theme for SaaS

latest

Source

npm

Version: 0.0.3-rc.2

Version published: 2 years ago

Maintainers: 4

Created: 2 years ago

Source

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);