117 lines
3.3 KiB
SCSS
117 lines
3.3 KiB
SCSS
|
// 此文件为uView的主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于
|
|||
|
|
// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
|
|||
|
|
// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入
|
|||
|
|
|
|||
|
|
:root,
|
|||
|
|
page {
|
|||
|
|
/* 纯色 */
|
|||
|
|
--u-white-color: #ffffff;
|
|||
|
|
--u-black-color: #000000;
|
|||
|
|
|
|||
|
|
// 字体色
|
|||
|
|
--u-main-color: #303133;
|
|||
|
|
--u-content-color: #606266;
|
|||
|
|
--u-tips-color: #909399;
|
|||
|
|
--u-light-color: #c0c4cc;
|
|||
|
|
|
|||
|
|
// 边框色
|
|||
|
|
--u-border-color: #e4e7ed;
|
|||
|
|
--u-divider-color: #e4e7ed;
|
|||
|
|
|
|||
|
|
// 遮罩色
|
|||
|
|
--u-mask-color: rgba(0, 0, 0, 0.4);
|
|||
|
|
--u-shadow-color: rgba(0, 0, 0, 0.1);
|
|||
|
|
|
|||
|
|
/* 背景色 */
|
|||
|
|
--u-bg-color: #f3f4f6;
|
|||
|
|
--u-bg-white: #ffffff;
|
|||
|
|
--u-bg-gray-light: #f1f1f1;
|
|||
|
|
--u-bg-gray-dark: #2f343c;
|
|||
|
|
--u-bg-black: #000000;
|
|||
|
|
|
|||
|
|
/* 主色 */
|
|||
|
|
--u-type-primary: #17447a;
|
|||
|
|
--u-type-primary-light: #d5dde7;
|
|||
|
|
--u-type-primary-disabled: #8fa6c3;
|
|||
|
|
--u-type-primary-dark: #123662;
|
|||
|
|
|
|||
|
|
/* 警告色 */
|
|||
|
|
--u-type-warning: #ff9900;
|
|||
|
|
--u-type-warning-disabled: #fcbd71;
|
|||
|
|
--u-type-warning-dark: #f29100;
|
|||
|
|
--u-type-warning-light: #fdf6ec;
|
|||
|
|
|
|||
|
|
/* 成功色 */
|
|||
|
|
--u-type-success: #19be6b;
|
|||
|
|
--u-type-success-disabled: #71d5a1;
|
|||
|
|
--u-type-success-dark: #18b566;
|
|||
|
|
--u-type-success-light: #dbf1e1;
|
|||
|
|
|
|||
|
|
/* 错误色 */
|
|||
|
|
--u-type-error: #fa3534;
|
|||
|
|
--u-type-error-disabled: #fab6b6;
|
|||
|
|
--u-type-error-dark: #dd6161;
|
|||
|
|
--u-type-error-light: #fef0f0;
|
|||
|
|
|
|||
|
|
/* 信息色 */
|
|||
|
|
--u-type-info: #909399;
|
|||
|
|
--u-type-info-disabled: #c8c9cc;
|
|||
|
|
--u-type-info-dark: #82848a;
|
|||
|
|
--u-type-info-light: #f4f4f5;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 纯色
|
|||
|
|
$u-white-color: var(--u-white-color);
|
|||
|
|
$u-black-color: var(--u-black-color);
|
|||
|
|
|
|||
|
|
// 字体色
|
|||
|
|
$u-main-color: var(--u-main-color);
|
|||
|
|
$u-content-color: var(--u-content-color);
|
|||
|
|
$u-tips-color: var(--u-tips-color);
|
|||
|
|
$u-light-color: var(--u-light-color);
|
|||
|
|
|
|||
|
|
// 边框色
|
|||
|
|
$u-border-color: var(--u-border-color);
|
|||
|
|
$u-divider-color: var(--u-divider-color);
|
|||
|
|
|
|||
|
|
// 遮罩色
|
|||
|
|
$u-mask-color: var(--u-mask-color);
|
|||
|
|
$u-shadow-color: var(--u-shadow-color);
|
|||
|
|
|
|||
|
|
// 背景色
|
|||
|
|
$u-bg-color: var(--u-bg-color);
|
|||
|
|
$u-bg-white: var(--u-bg-white);
|
|||
|
|
$u-bg-gray-light: var(--u-bg-gray-light);
|
|||
|
|
$u-bg-gray-dark: var(--u-bg-gray-dark);
|
|||
|
|
$u-bg-black: var(--u-bg-black);
|
|||
|
|
|
|||
|
|
// 主色
|
|||
|
|
$u-type-primary: var(--u-type-primary);
|
|||
|
|
$u-type-primary-light: var(--u-type-primary-light);
|
|||
|
|
$u-type-primary-disabled: var(--u-type-primary-disabled);
|
|||
|
|
$u-type-primary-dark: var(--u-type-primary-dark);
|
|||
|
|
|
|||
|
|
// 警告色
|
|||
|
|
$u-type-warning: var(--u-type-warning);
|
|||
|
|
$u-type-warning-disabled: var(--u-type-warning-disabled);
|
|||
|
|
$u-type-warning-dark: var(--u-type-warning-dark);
|
|||
|
|
$u-type-warning-light: var(--u-type-warning-light);
|
|||
|
|
|
|||
|
|
// 成功色
|
|||
|
|
$u-type-success: var(--u-type-success);
|
|||
|
|
$u-type-success-disabled: var(--u-type-success-disabled);
|
|||
|
|
$u-type-success-dark: var(--u-type-success-dark);
|
|||
|
|
$u-type-success-light: var(--u-type-success-light);
|
|||
|
|
|
|||
|
|
// 错误色
|
|||
|
|
$u-type-error: var(--u-type-error);
|
|||
|
|
$u-type-error-disabled: var(--u-type-error-disabled);
|
|||
|
|
$u-type-error-dark: var(--u-type-error-dark);
|
|||
|
|
$u-type-error-light: var(--u-type-error-light);
|
|||
|
|
|
|||
|
|
// 信息色
|
|||
|
|
$u-type-info: var(--u-type-info);
|
|||
|
|
$u-type-info-disabled: var(--u-type-info-disabled);
|
|||
|
|
$u-type-info-dark: var(--u-type-info-dark);
|
|||
|
|
$u-type-info-light: var(--u-type-info-light);
|