@import "./variables.module.scss";
$themes: (
    theme-dark: ( //深色主题theme-dark
        fontColor: #ffffff, //默认 全局字体色
        titleColor: #ffffff, //默认 全局标题字体颜色
        iconColor: #ffffff, //默认 全局icon图标颜色

        leftBackColor: #1f1f1f, //主题 左侧背景色
        leftFontActiveColor: #409eff, //主题 左侧菜单选中字体颜色
        leftMenuBackColorHover: rgb(0 0 0 / 50%), //顶部菜单栏 鼠标放入背景颜色

        topBackColor: #1f1f1f, //主题 头部背景色
        topMenuBackColorHover: rgb(0 0 0 / 50%), //主题 顶部菜单栏 鼠标放入背景颜色

        containerBackColor1: #333333, //主题 主体内容背景色1
        containerBackColor2: #1f1f1f, //主题 主体内容背景色2
        containerBorder: 1px solid #333333, //主题 边框
        containerBorderColor:#333333, //主题 边框颜色
        containerHeaderBackColor:rgb(0 0 0 / 25%), //主题 头部背景颜色
        containerModularBackColor: rgb(0 0 0 / 25%), //主题 内容div背景颜色

        closeBackColor: #409eff, //可关闭小标签页 标签背景颜色
        closeBackColorBefore: #ffffff, //可关闭小标签页 选中背景颜色

        tabsContentBackColor: rgb(31 31 31 / 20%), //tabs切换 内容背景颜色
        tabsHeaderBackColor: rgb(0 0 0 / 25%), //tabs切换 头部背景颜色
        tabsFontColor: #ffffff, //tabs切换 字体颜色
        tabsBorder: 1px solid #333333, //tabs切换 边框
        tabsBackColorActive: #1f1f1f, //tabs切换 选中背景色

        inputBackColor: #1f1f1f, //input框 背景颜色
        inputFontColor: #cfcfcf, //input框 字体颜色
        inputBoxShadow: 0 0 0 1px #333333 inset, //input框 默认阴影色
        inputBoxShadow1: 0 0 0 1px #409eff inset, //input框 鼠标放入阴影色-选中阴影色-
        inputDisabledBack: rgb(0 0 0 / 20%), //input框 无法选中背景色
        inputBorderActive: 1px #409eff solid, //input框 选中边框色

        tableBackColor: #1f1f1f, //table表格 背景颜色
        tableFontColor: #ffffff, //table表格 字体颜色
        tableHeaderBackColor: rgb(0 0 0 / 25%), //table表格 头部背景颜色
        tableHeaderFontColor: #9a9a9a, //table表格 头部字体颜色
        tableBorderBackColoe: #333333, //table表格 边框+边框背景色
        tableBackColorHover: rgb(0 0 0 / 25%), //table表格 鼠标放入背景色
        tableIconColor: #969696, //table表格 icon字体颜色

        treeBorder: 1px solid #333333, //tree树 边框
        treeBackColor: rgb(0 0 0 / 0%), //tree树 背景颜色
        treeFontColor: #ffffff, //tree树 字体颜色
        treeIconFontColor: #969696, //tree树 icon字体颜色
        treeBackColorHover: rgb(0 0 0 / 25%), //tree树 鼠标放入字体颜色
        treeBackColorActive: rgb(0 0 0 / 25%), //tree树 选中字体颜色

        dateTimeFontColor: #cfcfcf, //时间~日期选择器 字体颜色
        dateTimeBackColor: #1f1f1f, //时间~日期选择器 背景颜色
        dateTimeBoxShadow: 0 0 0 1px #333333 inset, //时间~日期选择器 默认阴影色
        dateTimeBoxShadow1: 0 0 0 1px #409eff inset, //时间~日期选择器 鼠标放入阴影色-选中阴影色-

        formFontColor: #e0e0e0, //form表单 字体颜色

        pagingFontColor: #e0e0e0, //分页选择器 字体颜色

        popupBackColor: rgb(0 0 0 / 30%), //全局查岗响应 背景颜色
        popupBoxShadow: (0px 12px 32px 4px rgba(100, 100, 100, 0.13), 0px 8px 20px rgba(100, 100, 100, 0.13)), //全局查岗响应 阴影颜色
        popupBorder: 1px rgb(0 0 0 / 100%) solid, //全局查岗响应 边框

        dialogBackColor: #1f1f1f, //dialog弹窗 背景颜色
        dialogHeaderBackColor: rgb(0 0 0 / 25%), //dialog弹窗 头部背景颜色
        dialogTitleFontColor: #ffffff, //dialog弹窗 title字体颜色
        dialogIconFontColor: #ffffff, //dialog弹窗 icon颜色

    ),
    theme-light: ( //浅色主题theme-light
        fontColor: #000000, //默认 全局字体色
        titleColor: #000000, //默认 全局标题字体颜色
        iconColor: #000000, //默认 全局icon图标颜色

        leftBackColor: #ffffff, //主题 左侧背景色
        leftFontActiveColor: #409eff, //主题 左侧菜单选中字体颜色
        leftMenuBackColorHover: rgb(0 0 0 / 10%), //顶部菜单栏 鼠标放入背景颜色

        topBackColor: #ffffff, //主题 头部背景色
        topMenuBackColorHover: rgb(0 0 0 / 10%), //主题 顶部菜单栏 鼠标放入背景颜色

        containerBackColor1: #f0f2f5, //主题 主体内容背景色1
        containerBackColor2: #ffffff, //主题 主体内容背景色2
        containerBorder: 1px solid #e0e0e0, //主题 边框
        containerBorderColor: #e0e0e0, //主题 边框颜色
        containerHeaderBackColor:#ffffff, //主题 头部背景颜色
        containerModularBackColor: #ffffff, //主题 内容div背景颜色

        closeBackColor: rgba(12, 131, 250, 0.15), //可关闭小标签页 背景颜色
        closeBackColorBefore: #0c83fa, //可关闭小标签页 选中字体颜色

        tabsContentBackColor: #ffffff, //tabs切换 内容背景颜色
        tabsHeaderBackColor: #f5f7fa, //tabs切换 头部背景颜色
        tabsFontColor: #333, //tabs切换 字体颜色
        tabsBorder: 1px solid #e0e0e0, //tabs切换 边框
        tabsBackColorActive: #ffffff, //tabs切换 选中背景色

        inputBackColor: #ffffff, //input框 背景颜色
        inputFontColor: #606266, //input框 字体颜色
        inputBorder: 1px solid #e0e0e0, //input框 边框
        inputBoxShadow: 0 0 0 1px #dcdfe6 inset, //input框 默认阴影色
        inputBoxShadow1: 0 0 0 1px #409eff inset, //input框 鼠标放入阴影色-选中阴影色-
        inputDisabledBack: #f5f7fa, //input框 无法选中背景色
        inputBorderActive: 1px #409eff solid, //input框 选中边框色

        // tableBackColor:#FFFFFF, //table表格 背景颜色
        tableFontColor: #333, //table表格 字体颜色
        // tableHeaderBackColor: #f5f7fa, //table表格 头部背景颜色
        tableHeaderFontColor: #333, //table表格 头部字体颜色
        tableBorderBackColoe: #ebeef5, //table表格 边框+边框背景色
        tableBackColorHover: #fafafa, //table表格 鼠标放入背景色
        tableIconColor: "", //table表格 icon字体颜色

        treeBorder: 1px solid #e5e6e7, //tree树 边框
        treeBackColor: #ffffff, //tree树 背景颜色
        treeFontColor: #606266, //tree树 字体颜色
        treeIconFontColor: #a8abb2, //tree树 icon字体颜色
        treeBackColorHover: #f5f7fa, //tree树 鼠标放入字体颜色
        treeBackColorActive: "", //tree树 选中字体颜色

        dateTimeFontColor: #606266, //时间~日期选择器 字体颜色
        dateTimeBackColor: rgba(255, 255, 255, 0), //时间~日期选择器 背景颜色
        dateTimeBoxShadow: 0 0 0 1px #dcdfe6 inset, //时间~日期选择器 默认阴影色
        dateTimeBoxShadow1: 0 0 0 1px #409eff inset, //时间~日期选择器 鼠标放入阴影色-选中阴影色-

        formFontColor: #333, //form表单 字体颜色

        pagingFontColor: #606266, //分页选择器 字体颜色

        popupBackColor: rgb(255 255 255 / 30%), //全局查岗响应 背景颜色
        popupBoxShadow: (0px 12px 32px 4px rgba(0, 0, 0, 0.13), 0px 8px 20px rgba(0, 0, 0, 0.13)), //全局查岗响应 阴影颜色
        popupBorder: 1px rgb(225 225 225 / 100%) solid, //全局查岗响应 边框

        dialogBackColor: rgb(255 255 255 / 100%), //dialog弹窗 背景颜色
        dialogHeaderBackColor: #fafafa, //dialog弹窗 头部背景颜色
        dialogTitleFontColor: #333333, //dialog弹窗 title字体颜色
        dialogIconFontColor: #909399, //dialog弹窗 icon颜色
    ),
);