// 此文件为Greatest的主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于
// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入

$base-tips-color: #909193;
$base-light-color: #c0c4cc;
$base-border-color: #dadbde;
$base-disabled-color: #c8c9cc;

$base-primary: #01beff;
$base-primary-dark: #398ade;
$base-primary-disabled: #9acafc;
$base-primary-light: #ecf5ff;

$base-warning: #fbbd12;
$base-warning-dark: #f1a532;
$base-warning-disabled: #f9d39b;
$base-warning-light: #fdf6ec;

$base-success: #5ac725;
$base-success-dark: #53c21d;
$base-success-disabled: #a9e08f;
$base-success-light: #f5fff0;

$base-error: #f56c6c;
$base-error-dark: #e45656;
$base-error-disabled: #f7b2b2;
$base-error-light: #fef0f0;

$base-info: #909399;
$base-info-dark: #767a82;
$base-info-disabled: #c4c6c9;
$base-info-light: #f4f4f5;

// scss混入，为了少写几行#ifndef
@mixin flex($direction: row) {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: $direction;
}

// 此文件为GreatestUi的主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于
// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入

// 组件配置
$base-form-item-height: 70rpx;

// 主颜色
$base-main-color: #01beff;
$base-main-orange: #fbbd12;
$base-embellished-green: #00ffc6;
$base-embellished-yellow: #fff00d;
$base-auxiliary-powder: #ff71d2;
$base-auxiliary-blue: #82b2ff;
$base-bg-color: #ffffff;
$base-bg-gray-color: #f4f4f4;
$base-space-color: #f8f7f8;

// 边框颜色
$base-border-solid-color: rgba(0, 0, 0, 0.1);
$base-border-solids-color: #eee;
$base-border-dashed-color: #ddd;

// 阴影颜色
$base-shadow-color: rgba(0, 0, 0, 0.1);
$base-box-shadow-color: rgba(0, 0, 0, 0.2);

// 字体颜色
$base-font-color: #080808;
$base-font-sub-color: #aaaaaa;
$base-content-color: #838383;
$base-font-holder-color: #e6e6e6;

$base-mask-bg-color: rgba(0, 0, 0, 0.4);

$base-progress-bg-color: #f0f0f0;

$base-color-red: #e83a30;
$base-color-red-dark: #ba2e26;
$base-color-red-disabled: #f39c97;
$base-color-red-light: #fad8d6;

$base-color-purplered: #e72f8c;
$base-color-purplered-dark: #b9266f;
$base-color-purplered-disabled: #f397c5;
$base-color-purplered-light: #fad5e8;

$base-color-purple: #892fe8;
$base-color-purple-dark: #6e26ba;
$base-color-purple-disabled: #c497f3;
$base-color-purple-light: #e7d5fa;

$base-color-bluepurple: #5f4fd9;
$base-color-bluepurple-dark: #4c3fae;
$base-color-bluepurple-disabled: #afa7ec;
$base-color-bluepurple-light: #dfdcf7;

$base-color-aquablue: #3646ff;
$base-color-aquablue-dark: #2b38cc;
$base-color-aquablue-disabled: #9aa2ff;
$base-color-aquablue-light: #d7daff;

$base-color-blue: #3d7eff;
$base-color-blue-dark: #3165cc;
$base-color-blue-disabled: #9ebeff;
$base-color-blue-light: #d8e5ff;

$base-color-indigo: #31c9e8;
$base-color-indigo-dark: #27a1ba;
$base-color-indigo-disabled: #98e4f3;
$base-color-indigo-light: #d6f4fa;

$base-color-cyan: #2de8bd;
$base-color-cyan-dark: #24ba97;
$base-color-cyan-disabled: #96f3de;
$base-color-cyan-light: #d5faf2;

$base-color-teal: #24f083;
$base-color-teal-dark: #1dc069;
$base-color-teal-disabled: #91f7c1;
$base-color-teal-light: #d3fce6;

$base-color-green: #31e749;
$base-color-green-dark: #27b93a;
$base-color-green-disabled: #98f3a4;
$base-color-green-light: #d6fadb;

$base-color-yellowgreen: #a4e82f;
$base-color-yellowgreen-dark: #82ba26;
$base-color-yellowgreen-disabled: #d1f397;
$base-color-yellowgreen-light: #edfad5;

$base-color-lime: #d5eb00;
$base-color-lime-dark: #aabc00;
$base-color-lime-disabled: #e9f57f;
$base-color-lime-light: #f7fbcc;

$base-color-yellow: #fff420;
$base-color-yellow-dark: #ccc21a;
$base-color-yellow-disabled: #fff88f;
$base-color-yellow-light: #fffdd2;

$base-color-orangeyellow: #ffca28;
$base-color-orangeyellow-dark: #cca220;
$base-color-orangeyellow-disabled: #ffe493;
$base-color-orangeyellow-light: #fff4d4;

$base-color-orange: #ffa726;
$base-color-orange-dark: #cc851e;
$base-color-orange-disabled: #ffd392;
$base-color-orange-light: #ffedd4;

$base-color-orangered: #ff7043;
$base-color-orangered-dark: #cc5a36;
$base-color-orangered-disabled: #ffb7a1;
$base-color-orangered-light: #ffe2d9;

$base-color-brown: #914f2c;
$base-color-brown-dark: #743f23;
$base-color-brown-disabled: #c8a795;
$base-color-brown-light: #e9dcd5;

$base-color-grey: #78909c;
$base-color-grey-dark: #5f7e8b;
$base-color-grey-disabled: #c6d1d8;
$base-color-grey-light: #e4e9ec;

$base-color-gray: #aaaaaa;
$base-color-gray-dark: #838383;
$base-color-gray-disabled: #e6e6e6;
$base-color-gray-light: #f8f7f8;

$base-cool-bg-color-1-start: #f5317f;
$base-cool-bg-color-1-end: #ff7c6e;

$base-cool-bg-color-2-start: #ca26ff;
$base-cool-bg-color-2-end: #f360a7;

$base-cool-bg-color-3-start: #a26ffc;
$base-cool-bg-color-3-end: #9d12ff;

$base-cool-bg-color-4-start: #aa77f0;
$base-cool-bg-color-4-end: #e871e5;

$base-cool-bg-color-5-start: #40a0f7;
$base-cool-bg-color-5-end: #4866e6;

$base-cool-bg-color-6-start: #209cff;
$base-cool-bg-color-6-end: #68e0cf;

$base-cool-bg-color-7-start: #00c3ff;
$base-cool-bg-color-7-end: #58fff5;

$base-cool-bg-color-8-start: #00d1ff;
$base-cool-bg-color-8-end: #69ff97;

$base-cool-bg-color-9-start: #0fd893;
$base-cool-bg-color-9-end: #29ecbf;

$base-cool-bg-color-10-start: #0fd850;
$base-cool-bg-color-10-end: #f9f047;

$base-cool-bg-color-11-start: #24fe41;
$base-cool-bg-color-11-end: #f7fd47;

$base-cool-bg-color-12-start: #d6ff7f;
$base-cool-bg-color-12-end: #00f657;

$base-cool-bg-color-13-start: #fa709a;
$base-cool-bg-color-13-end: #fee140;

$base-cool-bg-color-14-start: #fe5e9c;
$base-cool-bg-color-14-end: #f1aa76;

$base-cool-bg-color-15-start: #ff3181;
$base-cool-bg-color-15-end: #ff8331;

$base-cool-bg-color-16-start: #ed1c24;
$base-cool-bg-color-16-end: #fece12;