theme.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  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: #909193;
  7. $u-light-color: #c0c4cc;
  8. $u-border-color: #dadbde;
  9. $u-bg-color: #f3f4f6;
  10. $u-disabled-color: #c8c9cc;
  11. $u-primary: #3c9cff;
  12. $u-primary-dark: #398ade;
  13. $u-primary-disabled: #9acafc;
  14. $u-primary-light: #ecf5ff;
  15. $u-warning: #f9ae3d;
  16. $u-warning-dark: #f1a532;
  17. $u-warning-disabled: #f9d39b;
  18. $u-warning-light: #fdf6ec;
  19. $u-success: #5ac725;
  20. $u-success-dark: #53c21d;
  21. $u-success-disabled: #a9e08f;
  22. $u-success-light: #f5fff0;
  23. $u-error: #f56c6c;
  24. $u-error-dark: #e45656;
  25. $u-error-disabled: #f7b2b2;
  26. $u-error-light: #fef0f0;
  27. $u-info: #909399;
  28. $u-info-dark: #767a82;
  29. $u-info-disabled: #c4c6c9;
  30. $u-info-light: #f4f4f5;
  31. // scss混入,为了少写几行#ifndef
  32. @mixin flex($direction: row) {
  33. /* #ifndef APP-NVUE */
  34. display: flex;
  35. /* #endif */
  36. flex-direction: $direction;
  37. }