lessModifyVars.ts 1.1 KB

1234567891011121314151617181920212223242526272829
  1. /**
  2. * less global variable
  3. */
  4. const primaryColor = '#018ffb';
  5. // const primaryColor = '#0065cc';
  6. //{
  7. const modifyVars = {
  8. 'primary-color': primaryColor, // Global dominant color
  9. 'info-color': primaryColor, // Default color
  10. 'success-color': '#55D187', // Success color
  11. 'error-color': '#ED6F6F', // False color
  12. 'warning-color': '#EFBD47', // Warning color
  13. 'link-color': primaryColor, // Link color
  14. 'disabled-color': '#C2C2CC', // Failure color
  15. 'heading-color': 'rgba(0, 0, 0, 0.85)', // Title color
  16. 'text-color': 'rgba(0, 0, 0, 0.85)', // Main text color
  17. // 'heading-color': '#2C3A61', // Title color
  18. // 'text-color': '#2C3A61', // Main text color
  19. 'text-color-secondary ': '#606266', // Subtext color
  20. 'background-color-base': '#F0F2F5', // background color
  21. 'font-size-base': '14px', // Main font size
  22. 'box-shadow-base': '0 2px 8px rgba(0, 0, 0, 0.15)', // Floating shadow
  23. 'border-color-base': '#F0F0F0', // Border color,
  24. 'border-color-split': '#F0F0F0', // Border color,
  25. 'border-radius-base': '2px', // Component/float fillet
  26. };
  27. //}
  28. export { modifyVars, primaryColor };