vant-theme.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /* Vant 4 CSS 变量 — 方案 A 薄荷微风 */
  2. page {
  3. --van-primary-color: #22c55e;
  4. --van-success-color: #10b981;
  5. --van-danger-color: #ef4444;
  6. --van-warning-color: #d97706;
  7. --van-button-primary-background: #22c55e;
  8. --van-button-primary-border-color: #22c55e;
  9. --van-nav-bar-background: transparent;
  10. --van-nav-bar-title-text-color: #065f46;
  11. --van-nav-bar-icon-color: #065f46;
  12. --van-tabs-bottom-bar-color: #22c55e;
  13. --van-tag-primary-color: #22c55e;
  14. --van-steps-active-color: #22c55e;
  15. --van-notice-bar-background: #ecfdf5;
  16. --van-notice-bar-text-color: #16a34a;
  17. /* 表单 Cell / Field 更紧凑(选择框与输入行) */
  18. --van-cell-vertical-padding: 8px;
  19. --van-cell-horizontal-padding: 16px;
  20. --van-cell-font-size: 14px;
  21. --van-cell-line-height: 22px;
  22. --van-field-input-text-color: #0f291e;
  23. --van-field-placeholder-text-color: #5f7a6d;
  24. }
  25. /* 选择类触发条(is-link / readonly):再压矮一点 */
  26. .van-field.van-cell--clickable,
  27. .van-field--readonly.van-cell--clickable {
  28. min-height: 40px;
  29. }
  30. .van-field.van-cell--clickable .van-field__control,
  31. .van-field--readonly.van-cell--clickable .van-field__control {
  32. font-size: 13px;
  33. min-height: 22px;
  34. line-height: 22px;
  35. }
  36. .van-field.van-cell--clickable .van-cell__right-icon,
  37. .van-field--readonly.van-cell--clickable .van-cell__right-icon {
  38. font-size: 14px;
  39. line-height: 22px;
  40. }