element-variables.scss 820 B

12345678910111213141516171819202122232425262728293031
  1. /**
  2. * I think element-ui's default theme color is too light for long-term use.
  3. * So I modified the default color and you can modify it to your liking.
  4. **/
  5. @import "./element-ui.scss";
  6. /* theme color */
  7. //$--color-primary: #1890ff;
  8. $--color-success: #13ce66;
  9. $--color-warning: #ffba00;
  10. $--color-danger: #ff4949;
  11. // $--color-info: #1E1E1E;
  12. $--button-font-weight: 400;
  13. // $--color-text-regular: #1f2d3d;
  14. $--border-color-light: #dfe4ed;
  15. $--border-color-lighter: #e6ebf5;
  16. $--table-border: 1px solid #dfe6ec;
  17. /* icon font path, required */
  18. $--font-path: "~element-ui/lib/theme-chalk/fonts";
  19. @import "~element-ui/packages/theme-chalk/src/index";
  20. // the :export directive is the magic sauce for webpack
  21. // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
  22. :export {
  23. theme: $--color-primary;
  24. }