variables.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. // color ------------------->
  2. $--color-text-dark: #1f2230 !default;
  3. $--color-text-dark-1: #434656 !default;
  4. $--color-text-gray: #6f7482 !default;
  5. $--color-text-gray-1: #7a7c87 !default;
  6. $--color-text-gray-2: #8b8fa1 !default;
  7. $--color-text-gray-3: #aaa !default;
  8. $--color-text-gray-4: #ccc !default;
  9. $--color-text-gray-5: #d3d5e0 !default;
  10. $--color-text-gray-6: #e0e1eb !default;
  11. $--color-text-gray-7: #f2f4fa !default;
  12. $--color-border: #eff0f5;
  13. $--color-background: #eff0f5;
  14. // status
  15. $--color-primary: #3a5ae5 !default;
  16. $--color-primary-light: mix(#fff, $--color-primary, 20%) !default;
  17. $--color-success: #3fcb98 !default;
  18. $--color-success-light: #32cf8a !default;
  19. $--color-warning: #ff9427 !default;
  20. $--color-danger: #fe5d4e !default;
  21. $--color-cyan: #2abcff !default;
  22. $--color-cyan-light: #5fc9fa !default;
  23. $--color-blue: #556dff !default;
  24. $--color-blue-white: #4f79ff !default;
  25. $--color-blue-dark: #172666 !default;
  26. $--color-purple: #9877ff !default;
  27. $--color-white: #ffffff;
  28. $--color-dark: #1f2230;
  29. // shadow
  30. $--shadow-light: 0 0 1px rgba(0, 0, 0, 0.15) !default;
  31. // size ------------------->
  32. $--font-size-base: 14px !default;
  33. $--font-size-medium: 16px !default;
  34. $--font-size-large: 18px !default;
  35. $--border-radius: 8px;
  36. $--border-radius-large: 12px;
  37. $--border-radius-huge: 20px;
  38. // font-family
  39. $--font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
  40. "Microsoft YaHei", Arial, sans-serif;