theme.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. // 此文件为uView的主题变量,这些变量目前只能通过uni.scss引入才有效,另外由于
  2. // uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中,造成微信程序包太大,
  3. // 故uni.scss只建议放scss变量名相关样式,其他的样式可以通过main.js或者App.vue引入
  4. $u-main-color: #303133;
  5. $u-content-color: #606266;
  6. $u-tips-color: #909399;
  7. $u-light-color: #c0c4cc;
  8. $u-border-color: #e4e7ed;
  9. $u-bg-color: #f3f4f6;
  10. $u-type-primary: #22ac38;
  11. $u-type-primary-light: #ecf5ff;
  12. $u-type-primary-disabled: #aed67d;
  13. $u-type-primary-dark: rgba(#22ac38, 0.8);
  14. $u-type-warning: #ff9900;
  15. $u-type-warning-disabled: #fcbd71;
  16. $u-type-warning-dark: #f29100;
  17. $u-type-warning-light: #fdf6ec;
  18. $u-type-success: #19be6b;
  19. $u-type-success-disabled: #71d5a1;
  20. $u-type-success-dark: #18b566;
  21. $u-type-success-light: #dbf1e1;
  22. $u-type-error: #fa3534;
  23. $u-type-error-disabled: #fab6b6;
  24. $u-type-error-dark: #dd6161;
  25. $u-type-error-light: #fef0f0;
  26. $u-type-info: #909399;
  27. $u-type-info-disabled: #c8c9cc;
  28. $u-type-info-dark: #82848a;
  29. $u-type-info-light: #f4f4f5;
  30. $u-type-dark: #999;
  31. $u-type-dark-disabled: #909399;
  32. $u-type-dark-dark: #909399;
  33. $u-type-dark-light: #909399;
  34. $u-type-white: #fff;
  35. $u-type-white-disabled: #efefef;
  36. $u-type-white-dark: #fff;
  37. $u-type-white-light: #fff;
  38. $u-form-item-height: 70rpx;
  39. $u-form-item-border-color: #dcdfe6;