import {utilsTo} from "vue-utils-plus"
const { toColor } = utilsTo()

//设置主色调
export const setMainColor = (color) => {
    color = color ?? '#1ECC95'
    const el = document.documentElement
    el.style.setProperty('--el-color-primary', color)
    // 设置 css 渐变 变量
    const numArr = [3,5,7,8,9]
    numArr.forEach(item => {
        let amount = 0
        if (item === 3) {
            amount = 0.9
        } else if (item === 5) {
            amount = 0.7
        } else if (item >= 7) {
            amount = amount = (10 - item) / 10
        }
        const val = toColor('#FFFFFF', color , amount)
        el.style.setProperty(`--el-color-primary-light-${item}`, val)
    })
    //生成深主色颜色
    const val = toColor('#000000', color , 0.9)
    el.style.setProperty('--el-color-primary-dark-2', val)
}