_variables.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. // 蓝色
  2. $blue: #3085d6;
  3. $blue-darker: #236bb0;
  4. $blue-20: #c3dcf3;
  5. $blue-30: #b3d2f0;
  6. $blue-40: #a3c9ed;
  7. $blue-50: #92bfe9;
  8. $blue-60: #82b5e6;
  9. $blue-70: #71ace3;
  10. $blue-80: #61a2e0;
  11. $blue-90: #5198dc;
  12. $blue-95: #408fd9;
  13. // 渐变蓝色
  14. $blue-linear-gradient: linear-gradient(118deg, rgba($blue, 1), rgba($blue, 0.7));
  15. // 深色
  16. $dark20: #f6fbff;
  17. $dark30: #f4f7fa;
  18. $dark40: #ebf0f3;
  19. $dark50: #d3dde5;
  20. $dark60: #bacad6;
  21. $dark65: #8aa5b9;
  22. $dark70: #b3b9bf;
  23. $dark80: #7c858e;
  24. $dark85: #5c7089;
  25. $dark90: #252d37;
  26. // 主色
  27. $primary-darker: #6355ee;
  28. $primary-20: #f7f6fe;
  29. $primary-30: #e6e4fc;
  30. $primary-40: #d6d2fb;
  31. $primary-50: #c5c0f9;
  32. $primary-60: #b5aef7;
  33. $primary-70: #a49df5;
  34. $primary-80: #948bf4;
  35. $primary-90: #8379f2;
  36. // 渐变主色
  37. $primary-linear-gradient: linear-gradient(118deg, rgba($primary, 1), rgba($primary, 0.7));
  38. // 字体颜色
  39. $font-color: #414750;
  40. // 常用阴影颜色
  41. $shadow: 0 2px 4px 0 rgba(0,0,0,.05);
  42. // body背景颜色
  43. $body-background: #f9fafc;