colors.css 912 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. :root{
  2. --btn-bg-color: #479FF8;
  3. --btn-txt-color: white;
  4. --pills-bg-color: #0d6efd;
  5. --pills-txt-color: white;
  6. --links-txt-color: #0d6efd;
  7. --btn-success: #198754;
  8. --btn-success-txt: white;
  9. --btn-danger: #dc3545;
  10. --btn-danger-txt: white;
  11. }
  12. .btn-primary, .btn-outline-primary{
  13. background-color: var(--btn-bg-color);
  14. color: var(--btn-txt-color);
  15. border-color: var(--btn-bg-color);
  16. }
  17. .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  18. background-color: var(--pills-bg-color);
  19. color: var(--pills-txt-color);
  20. }
  21. a{
  22. color: var(--links-txt-color);
  23. }
  24. .nav-link{
  25. color: var(--links-txt-color)
  26. }
  27. .btn-success, .btn-outline-success{
  28. color: var(--btn-txt-color);
  29. background-color: var(--btn-success);
  30. border-color: var(--btn-success);
  31. }
  32. .btn-danger, .btn-outline-danger{
  33. color: var(--btn-danger-txt);
  34. background-color: var(--btn-danger);
  35. border-color: var(--btn-danger);
  36. }