colors2.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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 {
  17. background-color: var(--btn-bg-color);
  18. color: var(--btn-txt-color);
  19. border-color: var(--btn-bg-color);
  20. }
  21. .btn-outline-primary {
  22. border-color: var(--btn-bg-color);
  23. color: var(--btn-bg-color);
  24. }
  25. .btn-primary:hover, .btn-outline-primary:hover{
  26. background-color: var(--btn-hover-color);
  27. border-color: var(--btn-hover-color);
  28. }
  29. .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  30. background-color: var(--pills-bg-color);
  31. color: var(--pills-txt-color);
  32. }
  33. a{
  34. color: var(--links-txt-color);
  35. }
  36. .link img {
  37. color: var(--links-txt-color);
  38. }
  39. a:hover{
  40. color:var(--links-hover-color)
  41. }
  42. .nav-link{
  43. color: var(--links-txt-color)
  44. }
  45. .nav-link:hover{
  46. color:var(--links-hover-color)
  47. }
  48. .btn-success, .btn-outline-success{
  49. color: var(--btn-txt-color);
  50. background-color: var(--btn-success);
  51. border-color: var(--btn-success);
  52. }
  53. .btn-success:hover, .btn-outline-success:hover{
  54. background-color: var(--btn-success-hover);
  55. border-color: var(--btn-success-hover);
  56. }
  57. .btn-danger, .btn-outline-danger{
  58. color: var(--btn-danger-txt);
  59. background-color: var(--btn-danger);
  60. border-color: var(--btn-danger);
  61. }
  62. .btn-danger:hover, .btn-outline-danger:hover{
  63. background-color: var(--btn-danger-hover);
  64. border-color: var(--btn-danger-hover);
  65. }