:root{ --btn-bg-color: #479FF8; --btn-txt-color: white; --btn-hover-color: #0a58ca; --pills-bg-color: #0d6efd; --pills-txt-color: white; --links-txt-color: #0d6efd; --links-hover-color: #0a58ca; --btn-success: #198754; --btn-success-txt: white; --btn-success-hover:#10683f; --btn-danger: #dc3545; --btn-danger-txt: white; --btn-danger-hover:#821e27; } .btn-primary, .btn-outline-primary{ background-color: var(--btn-bg-color); color: var(--btn-txt-color); border-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); } 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); }