colors2.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. :root{
  2. --btn-bg-color: #479FF8;
  3. --btn-txt-color: #ffffff;
  4. --btn-hover-color: #0a58ca;
  5. --pills-bg-color: #479FF8;
  6. --pills-txt-color: None;
  7. --links-txt-color: #479FF8;
  8. --links-hover-color: #88b9ea;
  9. --btn-success: #821e27;
  10. --btn-success-txt: #821e27;
  11. --btn-success-hover: #821e27;
  12. --btn-danger: #821e27;
  13. --btn-danger-txt: #821e27;
  14. --btn-danger-hover: #821e27;
  15. }
  16. .btn-primary, .btn-outline-primary{
  17. background-color: var(--btn-bg-color);
  18. color: var(--btn-txt-color);
  19. border-color: var(--btn-bg-color);
  20. }
  21. .btn-primary:hover, .btn-outline-primary:hover{
  22. background-color: var(--btn-hover-color);
  23. border-color: var(--btn-hover-color);
  24. }
  25. .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  26. background-color: var(--pills-bg-color);
  27. color: var(--pills-txt-color);
  28. }
  29. a{
  30. color: var(--links-txt-color);
  31. }
  32. .link img {
  33. color: var(--links-txt-color);
  34. }
  35. a:hover{
  36. color:var(--links-hover-color)
  37. }
  38. .nav-link{
  39. color: var(--links-txt-color)
  40. }
  41. .nav-link:hover{
  42. color:var(--links-hover-color)
  43. }
  44. .btn-success, .btn-outline-success{
  45. color: var(--btn-txt-color);
  46. background-color: var(--btn-success);
  47. border-color: var(--btn-success);
  48. }
  49. .btn-success:hover, .btn-outline-success:hover{
  50. background-color: var(--btn-success-hover);
  51. border-color: var(--btn-success-hover);
  52. }
  53. .btn-danger, .btn-outline-danger{
  54. color: var(--btn-danger-txt);
  55. background-color: var(--btn-danger);
  56. border-color: var(--btn-danger);
  57. }
  58. .btn-danger:hover, .btn-outline-danger:hover{
  59. background-color: var(--btn-danger-hover);
  60. border-color: var(--btn-danger-hover);
  61. }