colors2.css 1.7 KB

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