lessModifyVars.ts 1.1 KB

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