vars.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. :root {
  2. --hj-font-sans: 微软雅黑, helvetica, arial, sans-serif;
  3. --hj-primary: #0b5cff;
  4. --hj-primary-600: #1d6bff;
  5. --hj-primary-700: #0a52e6;
  6. --hj-primary-200: rgba(11, 92, 255, 18%);
  7. --hj-primary-soft: rgba(11, 92, 255, 10%);
  8. --hj-primary-gradient: linear-gradient(135deg, #0b5cff 0%, #67b2ff 100%);
  9. --hj-primary-gradient-soft: linear-gradient(135deg, rgba(11, 92, 255, 14%), rgba(103, 178, 255, 26%));
  10. --hj-bg: #fff;
  11. --hj-bg-soft: #f8fbff;
  12. --hj-bg-footer: #0b1220;
  13. --hj-text: #0f172a;
  14. --hj-text-2: #334155;
  15. --hj-text-3: #475569;
  16. --hj-text-muted: #64748b;
  17. --hj-border: rgba(15, 23, 42, 8%);
  18. --hj-border-soft: rgba(15, 23, 42, 6%);
  19. --hj-radius-8: 8px;
  20. --hj-radius-12: 12px;
  21. --hj-radius-14: 14px;
  22. --hj-radius-16: 16px;
  23. --hj-radius-20: 20px;
  24. --hj-radius-22: 22px;
  25. --hj-shadow-1: 0 12px 30px rgba(11, 92, 255, 25%);
  26. --hj-shadow-2: 0 18px 45px rgba(2, 8, 23, 12%);
  27. --hj-shadow-3: 0 18px 35px rgba(2, 8, 23, 10%);
  28. --el-color-primary: var(--hj-primary);
  29. --el-color-primary-light-3: rgba(11, 92, 255, 65%);
  30. --el-color-primary-light-5: rgba(11, 92, 255, 48%);
  31. --el-color-primary-light-7: rgba(11, 92, 255, 32%);
  32. --el-color-primary-light-8: rgba(11, 92, 255, 20%);
  33. --el-color-primary-light-9: rgba(11, 92, 255, 12%);
  34. --el-color-primary-dark-2: var(--hj-primary-700);
  35. --el-border-radius-base: var(--hj-radius-8);
  36. --el-text-color-primary: var(--hj-text);
  37. --el-text-color-regular: var(--hj-text-2);
  38. --el-text-color-secondary: var(--hj-text-muted);
  39. --el-border-color: var(--hj-border);
  40. }