element-variables.scss 1.2 KB

1234567891011121314151617181920212223
  1. @import "main.scss";
  2. /* 改变主题色变量 */
  3. $--color-white:#fff;
  4. $--color-primary: $base-color !default;
  5. $--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
  6. $--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
  7. $--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
  8. $--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */
  9. $--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */
  10. $--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */
  11. $--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */
  12. $--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
  13. $--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
  14. $--color-success: $base-color-success !default;
  15. $--color-warning: $base-color-warning !default;
  16. $--color-danger: $base-color-danger !default;
  17. $--color-info: $base-color-info !default;
  18. /* 改变 icon 字体路径变量,必需 */
  19. $--font-path: '~element-ui/lib/theme-chalk/fonts';
  20. @import "~element-ui/packages/theme-chalk/src/index";