lessModifyVars.ts 926 B

12345678910111213141516171819202122232425
  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. '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': 'rgba(0, 0, 0, 0.25)', // 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. 'text-color-secondary ': 'rgba(0, 0, 0, 0.45)', // Subtext color
  18. 'font-size-base': '14px', // Main font size
  19. 'box-shadow-base': '0 2px 8px rgba(0, 0, 0, 0.15)', // Floating shadow
  20. 'border-color-base': '#d9d9d9', // Border color,
  21. 'border-radius-base': '2px', // Component/float fillet
  22. };
  23. //}
  24. export { modifyVars, primaryColor };