engelsystem/resources/assets/themes/theme3.scss

76 lines
1.9 KiB
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;
}
}