vab-blue-variables.module.scss 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. $base-color-primary: #1890ff;
  2. $base-color-success: #13ce66;
  3. $base-color-warning: #ffba00;
  4. $base-color-danger: #ff4d4f;
  5. $base-color-error: #ff4d4f;
  6. $base-color-transition: #77e19d;
  7. :export {
  8. vab-color-grey: $base-color-grey;
  9. vab-color-black: $base-color-black;
  10. vab-color-primary: $base-color-primary;
  11. vab-color-primary-light-1: mix($base-color-white, $base-color-primary, 10%);
  12. vab-color-primary-light-2: mix($base-color-white, $base-color-primary, 20%);
  13. vab-color-primary-light-3: mix($base-color-white, $base-color-primary, 30%);
  14. vab-color-primary-light-4: mix($base-color-white, $base-color-primary, 40%);
  15. vab-color-primary-light-5: mix($base-color-white, $base-color-primary, 50%);
  16. vab-color-primary-light-6: mix($base-color-white, $base-color-primary, 60%);
  17. vab-color-primary-light-7: mix($base-color-white, $base-color-primary, 70%);
  18. vab-color-primary-light-8: mix($base-color-white, $base-color-primary, 80%);
  19. vab-color-primary-light-9: mix($base-color-white, $base-color-primary, 90%);
  20. vab-color-success: $base-color-success;
  21. vab-color-success-light: mix($base-color-white, $base-color-success, 80%);
  22. vab-color-success-lighter: mix($base-color-white, $base-color-success, 90%);
  23. vab-color-warning: $base-color-warning;
  24. vab-color-warning-light: mix($base-color-white, $base-color-warning, 80%);
  25. vab-color-warning-lighter: mix($base-color-white, $base-color-warning, 90%);
  26. vab-color-danger: $base-color-danger;
  27. vab-color-danger-light: mix($base-color-white, $base-color-danger, 80%);
  28. vab-color-danger-lighter: mix($base-color-white, $base-color-danger, 90%);
  29. vab-color-error: $base-color-error;
  30. vab-color-error-light: mix($base-color-white, $base-color-error, 80%);
  31. vab-color-error-lighter: mix($base-color-white, $base-color-error, 90%);
  32. vab-color-info: $base-color-text-secondary;
  33. vab-color-info-light: mix($base-color-white, $base-color-text-secondary, 80%);
  34. vab-color-info-lighter: mix(
  35. $base-color-white,
  36. $base-color-text-secondary,
  37. 90%
  38. );
  39. vab-border-radius-base: 2.5px;
  40. vab-color-transition: $base-color-transition;
  41. vab-left-menu-width: $base-left-menu-width;
  42. }