theme.scss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. // 此文件为uvUI的主题变量,这些变量目前只能通过uni.scss引入才有效,另外由于
  2. // uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中,造成微信程序包太大,
  3. // 故uni.scss只建议放scss变量名相关样式,其他的样式可以通过main.js或者App.vue引入
  4. $uv-main-color: var(--main-color) !default;
  5. $uv-content-color: var(--content-color) !default;
  6. $uv-tips-color: var(--tips-color) !default;
  7. $uv-light-color: var(--light-color) !default;
  8. $uv-border-color: var(--border-color) !default;
  9. $uv-bg-color: var(--bg-color) !default;
  10. $uv-disabled-color: var(--disabled-color) !default;
  11. $uv-primary: var(--primary-color) !default;
  12. $uv-primary-dark: var(--primary-deeper-color) !default;
  13. $uv-primary-disabled: var(--el-color-primary-light-9) !default;
  14. $uv-primary-light: var(--primary-lighter-color) !default;
  15. $uv-warning: var(--warning-color) !default;
  16. $uv-warning-dark: var(--warning-deeper-color) !default;
  17. $uv-warning-disabled: var(--el-color-warning-light-9) !default;
  18. $uv-warning-light: var(--warning-lighter-color) !default;
  19. $uv-success: var(--success-color) !default;
  20. $uv-success-dark: var(--success-deeper-color) !default;
  21. $uv-success-disabled: var(--el-color-success-light-9) !default;
  22. $uv-success-light: var(--success-lighter-color) !default;
  23. $uv-error: var(--error-color) !default;
  24. $uv-error-dark: var(--error-deeper-color) !default;
  25. $uv-error-disabled: var(--el-color-error-light-9) !default;
  26. $uv-error-light: var(--error-lighter-color) !default;
  27. $uv-info: var(--info-color) !default;
  28. $uv-info-dark: var(--info-deeper-color) !default;
  29. $uv-info-disabled: var(--el-color-info-light-9) !default;
  30. $uv-info-light: var(--info-lighter-color) !default;
  31. @mixin flex($direction: row) {
  32. /* #ifndef APP-NVUE */
  33. display: flex;
  34. /* #endif */
  35. flex-direction: $direction;
  36. }