lessModifyVars.ts 1.1 KB

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