engelsystem/resources/assets/themes/theme3.scss

// 32c3 (2015)
@import 'light';

$brand-primary: #f19224;
$primary: #f19224;
$brand-success: #39ab50;
$success: #39ab50;
$brand-info: #6618f9;
$info: #6618f9;
$brand-warning: #dad216;
$warning: #dad216;
$brand-danger: #da1639;
$danger: #da1639;

$state-success-text: $brand-success;
$state-success-bg: lighten($brand-success, 40%);
$state-success-border: $brand-success;

$state-info-text: $brand-info;
$state-info-bg: lighten($brand-info, 40%);
$state-info-border: $brand-info;

$state-warning-text: $brand-warning;
$state-warning-bg: lighten($brand-warning, 40%);
$state-warning-border: $brand-warning;

$state-danger-text: $brand-danger;
$state-danger-bg: lighten($brand-danger, 40%);
$state-danger-border: $brand-danger;

$navbar-default-color: #fff;
$navbar-default-bg: #000;
$navbar-default-border: #000;

$navbar-default-link-color: #fff;
$navbar-default-link-hover-color: #ddd;
$navbar-default-link-hover-bg: #222;

$navbar-default-link-active-color: $brand-primary;
$navbar-default-link-active-bg: #000;
$navbar-default-link-disabled-color: #777;
$navbar-default-link-disabled-bg: #000;

$navbar-default-brand-color: #fff;
$navbar-default-brand-hover-color: $brand-primary;
$navbar-default-brand-hover-bg: #000;

.navbar {
  .bg-info {
    background-color: darken($brand-info, 30%);
  }
  .bg-danger {
    background-color: darken($brand-danger, 30%);
  }
}

#shifts td a {
  color: #000;
}

.card.bg-info .card-header a {
  color: lighten($brand-info, 50%);

  &:hover {
    color: lighten($brand-info, 50%);
  }
}

@import 'base.scss';

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  &.bg-info {
    color: #fff;
  }
}