@kanjianmusic/saas-theme
v0.0.3-rc.2
Published
theme for SaaS
Downloads
9
Readme
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