theme.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /* 主题色 */
  2. $primaryColor:#008AFF;
  3. /* 黑色 */
  4. $dark-l1:rgba(50, 50, 50, 1);
  5. $dark-l2:rgba(55, 55, 55, 1);
  6. $dark-l3:rgba(59, 59, 59, 1);
  7. $dark-l4:rgba(68, 68, 68, 1);
  8. $dark-l5:rgba(100, 100, 100, 1);
  9. $dark-l6:rgba(116, 116, 116, 1);
  10. $dark-l7:rgba(129, 129, 129, 1);
  11. $dark-l8:rgba(150, 150, 150, 1);
  12. $dark-l9:rgba(135, 135, 135, 1);
  13. $dark-l10:rgba(120, 120, 120, 1);
  14. /* 白色 */
  15. $white-l1:rgba(252,252,252, 1);
  16. $white-l2:rgba(238,238,238, 1);
  17. $white-l3:rgba(222,222,222, 1);
  18. $white-l4:rgba(205,205,205, 1);
  19. $white-l5:rgba(190,190,190, 1);
  20. $white-l6:rgba(175,175,175, 1);
  21. $white-l7:rgba(160,160,160, 1);
  22. $white-l8:rgba(138,138,138, 1);
  23. $white-l9:rgba(120,120,120, 1);
  24. $white-l10:rgba(108,108,108, 1);
  25. /* 圆角尺寸 */
  26. $gui-radius-sm:6rpx;
  27. $gui-radius:10rpx;
  28. $gui-radius-lg:20rpx;
  29. /* 文本尺寸 */
  30. $gui-text:28rpx;
  31. $gui-text-small:22rpx;
  32. $gui-h1:80rpx;
  33. $gui-h2:60rpx;
  34. $gui-h3:45rpx;
  35. $gui-h4: 1rem;
  36. $gui-h5:32rpx;
  37. $gui-h6:30rpx;
  38. /* 核心布局左右间距 */
  39. $gui-main-padding:30rpx;
  40. /* 通用外间距 */
  41. $gui-common-margin:30rpx;
  42. /* 边框颜色 */
  43. $border-color:#F2F2F2;
  44. /* 按钮尺寸 */
  45. $gui-button-text-size:32rpx;
  46. $gui-button-size:82rpx;
  47. $gui-button-border-radius:8rpx;
  48. $gui-button-mini-text-size:28rpx;
  49. $gui-button-mini-size:66rpx;