sharix-open-webapp-design-template/static/design_template/colors.css

:root{
  --btn-bg-color: #fdb4b4;
  --btn-txt-color: #ff0000;
  --btn-hover-color: #0a58ca;
  --pills-bg-color: #0d6efd;
  --pills-txt-color: None;
  --links-txt-color: #821e27;
  --links-hover-color: #821e27;
  --btn-success: #821e27;
  --btn-success-txt: #821e27;
  --btn-success-hover: #821e27;
  --btn-danger: #821e27;
  --btn-danger-txt: #821e27;
  --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);
}