1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- :root{
- --btn-bg-color: #479FF8;
- --btn-txt-color: #ffffff;
- --btn-hover-color: #0a58ca;
- --pills-bg-color: #479FF8;
- --pills-txt-color: None;
- --links-txt-color: #479FF8;
- --links-hover-color: #88b9ea;
- --btn-success: #821e27;
- --btn-success-txt: #821e27;
- --btn-success-hover: #821e27;
- --btn-danger: #821e27;
- --btn-danger-txt: #821e27;
- --btn-danger-hover: #821e27;
- }
- .btn-primary {
- background-color: var(--btn-bg-color);
- color: var(--btn-txt-color);
- border-color: var(--btn-bg-color);
- }
- .btn-outline-primary {
- border-color: var(--btn-bg-color);
- color: var(--btn-bg-color);
- }
- .btn-primary:hover, .btn-outline-primary:hover{
- background-color: var(--btn-hover-color);
- border-color: var(--btn-hover-color);
- }
- .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
- background-color: var(--pills-bg-color);
- color: var(--pills-txt-color);
- }
- a{
- color: var(--links-txt-color);
- }
- .link img {
- color: var(--links-txt-color);
- }
- a:hover{
- color:var(--links-hover-color)
- }
- .nav-link{
- color: var(--links-txt-color)
- }
- .nav-link:hover{
- color:var(--links-hover-color)
- }
- .btn-success, .btn-outline-success{
- color: var(--btn-txt-color);
- background-color: var(--btn-success);
- border-color: var(--btn-success);
- }
- .btn-success:hover, .btn-outline-success:hover{
- background-color: var(--btn-success-hover);
- border-color: var(--btn-success-hover);
- }
- .btn-danger, .btn-outline-danger{
- color: var(--btn-danger-txt);
- background-color: var(--btn-danger);
- border-color: var(--btn-danger);
- }
- .btn-danger:hover, .btn-outline-danger:hover{
- background-color: var(--btn-danger-hover);
- border-color: var(--btn-danger-hover);
- }
|