/* ----------------------------- 紫色  ----------------------------------------------------- */ 
/* 主题颜色变量 */ 
$them-color-primary: #6300ff;    // #007aff
$them-color-bg: #f6e2ff;   // #cce6ff

$them-color-shadow: #7d00ff;     // #1ab7b9
$them-color-gradualthem: linear-gradient(45deg, #9000ff, #5e00ff); // #0081ff, #1cbbb4


// 主题颜色变量引入
Vue.prototype.$primaryColor=()=>{return "#6300ff"}
Vue.prototype.$bgColor=()=>{return "#f6e2ff"}
Vue.prototype.$hideColor=()=>{return "rgba(135, 0, 255, 0.5)"}


/* ----------------------------- 红色  ----------------------------------------------------- */ 

/* 主题颜色变量 */ 
$them-color-primary: #ff9700;    // #007aff
$them-color-bg: #fdedd6;   // #cce6ff

$them-color-shadow: #dd524d;     // #1ab7b9
$them-color-gradualthem: linear-gradient(45deg, #ff9700, #ed1c24); // #0081ff, #1cbbb4

// 主题颜色变量引入
Vue.prototype.$primaryColor=()=>{return "#dd524d"}
Vue.prototype.$bgColor=()=>{return "#fddeb8"}
Vue.prototype.$hideColor=()=>{return "rgba(227, 244, 33, 0.5)"}



/* ----------------------------- 蓝色  ----------------------------------------------------- */ 
// 主题颜色变量引入
Vue.prototype.$primaryColor=()=>{return "#007aff"}          // 主题
Vue.prototype.$bgColor=()=>{return "#cce6ff"}               // 背景
Vue.prototype.$hideColor=()=>{return "rgba(170, 255, 255, 0.5)"}  // 按钮波纹


/* 主题颜色变量 */ 
$them-color-primary: #007aff;    // 主题
$them-color-bg:#cce6ff;          // 背景

$them-color-shadow: #1ab7b9;     // 阴影
$them-color-gradualthem: linear-gradient(45deg,  #0081ff, #1cbbb4); // 渐变


/* ----------------------------- 粉色  ----------------------------------------------------- */ 
/* 主题颜色变量 */ 
$them-color-primary: #ef0e9f;    // 主题
$them-color-bg:#f1bbdc;          // 背景

$them-color-shadow:  #f117ab;     // 阴影
$them-color-gradualthem: linear-gradient(45deg,  #ec008c, #ff55ff); // 渐变

// 主题颜色变量引入
Vue.prototype.$primaryColor=()=>{return "#ef0e9f"}          // 主题
Vue.prototype.$bgColor=()=>{return "#f1bbdc"}               // 背景
Vue.prototype.$hideColor=()=>{return "rgba(251, 67, 231, 1.0)"}  // 按钮波纹




/* ----------------------------- 绿色  ----------------------------------------------------- */ 

// 主题颜色变量引入
Vue.prototype.$primaryColor=()=>{return "#53ba46"}          // 主题
Vue.prototype.$bgColor=()=>{return "#ddf4b0"}               // 背景
Vue.prototype.$hideColor=()=>{return "rgba(152, 232, 76, 1.0)"}  // 按钮波纹

/* 主题颜色变量 */ 
$them-color-primary: #53ba46;    // 主题
$them-color-bg:#ddf4b0;          // 背景

$them-color-shadow:  #ddf4b0;     // 阴影
$them-color-gradualthem: linear-gradient(45deg,  #39b54a, #8dc63f); // 渐变

/* ----------------------------- 蓝青色  ----------------------------------------------------- */ 


/* 主题颜色变量 */ 
$them-color-primary: #09c4fc;    // 主题
$them-color-bg:#c6fdf9;          // 背景

$them-color-shadow:  #5ae7e4;     // 阴影
$them-color-gradualthem: linear-gradient(45deg,  #65FDF0, #1D6FA3); // 渐变

/* ----------------------------- 粉紫色  ------------------------------------------------

// 主题颜色变量引入
Vue.prototype.$primaryColor=()=>{return "#09c4fc"}          // 主题
Vue.prototype.$bgColor=()=>{return "#dafdfb"}               // 背景
Vue.prototype.$hideColor=()=>{return "rgba(170, 255, 255, 0.5)"}  // 按钮波纹

/* 主题颜色变量 */ 
$them-color-primary: #1904E5;    // 主题
$them-color-bg:#fbd7fe;          // 背景

$them-color-shadow:  #d6a2fb;     // 阴影
$them-color-gradualthem: linear-gradient(45deg, #FAB2FF, #1904E5); // 渐变