Tweaked the danger colours.

- Legacy-Id: 9415
This commit is contained in:
Henrik Levkowetz 2015-04-06 07:41:47 +00:00
parent 335cb3b122
commit a0a12e61c2
7 changed files with 60 additions and 59 deletions

View file

@ -174,29 +174,29 @@
background-image: none;
}
.btn-danger {
background-image: -webkit-linear-gradient(top, #d4584d 0%, #b7382c 100%);
background-image: -o-linear-gradient(top, #d4584d 0%, #b7382c 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d4584d), to(#b7382c));
background-image: linear-gradient(to bottom, #d4584d 0%, #b7382c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd4584d', endColorstr='#ffb7382c', GradientType=0);
background-image: -webkit-linear-gradient(top, #e12817 0%, #a91e12 100%);
background-image: -o-linear-gradient(top, #e12817 0%, #a91e12 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#e12817), to(#a91e12));
background-image: linear-gradient(to bottom, #e12817 0%, #a91e12 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe12817', endColorstr='#ffa91e12', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #af352a;
border-color: #a01c11;
}
.btn-danger:hover,
.btn-danger:focus {
background-color: #b7382c;
background-color: #a91e12;
background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
background-color: #b7382c;
border-color: #af352a;
background-color: #a91e12;
border-color: #a01c11;
}
.btn-danger.disabled,
.btn-danger:disabled,
.btn-danger[disabled] {
background-color: #b7382c;
background-color: #a91e12;
background-image: none;
}
.thumbnail,
@ -327,13 +327,13 @@
border-color: #f48e5c;
}
.alert-danger {
background-image: -webkit-linear-gradient(top, #de7f76 0%, #d66257 100%);
background-image: -o-linear-gradient(top, #de7f76 0%, #d66257 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#de7f76), to(#d66257));
background-image: linear-gradient(to bottom, #de7f76 0%, #d66257 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde7f76', endColorstr='#ffd66257', GradientType=0);
background-image: -webkit-linear-gradient(top, #ff6c5f 0%, #ff4939 100%);
background-image: -o-linear-gradient(top, #ff6c5f 0%, #ff4939 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6c5f), to(#ff4939));
background-image: linear-gradient(to bottom, #ff6c5f 0%, #ff4939 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6c5f', endColorstr='#ffff4939', GradientType=0);
background-repeat: repeat-x;
border-color: #cf4538;
border-color: #ff2613;
}
.progress {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
@ -376,11 +376,11 @@
background-repeat: repeat-x;
}
.progress-bar-danger {
background-image: -webkit-linear-gradient(top, #d4584d 0%, #c03a2e 100%);
background-image: -o-linear-gradient(top, #d4584d 0%, #c03a2e 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d4584d), to(#c03a2e));
background-image: linear-gradient(to bottom, #d4584d 0%, #c03a2e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd4584d', endColorstr='#ffc03a2e', GradientType=0);
background-image: -webkit-linear-gradient(top, #e12817 0%, #b32013 100%);
background-image: -o-linear-gradient(top, #e12817 0%, #b32013 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#e12817), to(#b32013));
background-image: linear-gradient(to bottom, #e12817 0%, #b32013 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe12817', endColorstr='#ffb32013', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-striped {
@ -455,11 +455,11 @@
background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
background-image: -webkit-linear-gradient(top, #de7f76 0%, #d96b62 100%);
background-image: -o-linear-gradient(top, #de7f76 0%, #d96b62 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#de7f76), to(#d96b62));
background-image: linear-gradient(to bottom, #de7f76 0%, #d96b62 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde7f76', endColorstr='#ffd96b62', GradientType=0);
background-image: -webkit-linear-gradient(top, #ff6c5f 0%, #ff5546 100%);
background-image: -o-linear-gradient(top, #ff6c5f 0%, #ff5546 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6c5f), to(#ff5546));
background-image: linear-gradient(to bottom, #ff6c5f 0%, #ff5546 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6c5f', endColorstr='#ffff5546', GradientType=0);
background-repeat: repeat-x;
}
.well {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1397,10 +1397,10 @@ a.bg-warning:hover {
background-color: #f69f74;
}
.bg-danger {
background-color: #de7f76;
background-color: #ff6c5f;
}
a.bg-danger:hover {
background-color: #d4584d;
background-color: #ff3d2c;
}
.page-header {
padding-bottom: 9.5px;
@ -2425,14 +2425,14 @@ table th[class*="col-"] {
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #de7f76;
background-color: #ff6c5f;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #d96b62;
background-color: #ff5546;
}
.table-responsive {
min-height: .01%;
@ -2871,7 +2871,7 @@ select[multiple].form-group-lg .form-control {
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #000;
background-color: #de7f76;
background-color: #ff6c5f;
}
.has-error .form-control {
border-color: #000;
@ -2885,7 +2885,7 @@ select[multiple].form-group-lg .form-control {
}
.has-error .input-group-addon {
color: #000;
background-color: #de7f76;
background-color: #ff6c5f;
border-color: #000;
}
.has-error .form-control-feedback {
@ -3270,8 +3270,8 @@ fieldset[disabled] .btn-warning.active {
}
.btn-danger {
color: #fff;
background-color: #d4584d;
border-color: #cf4538;
background-color: #e12817;
border-color: #ca2415;
}
.btn-danger:hover,
.btn-danger:focus,
@ -3280,8 +3280,8 @@ fieldset[disabled] .btn-warning.active {
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c03a2e;
border-color: #a33127;
background-color: #b32013;
border-color: #921a0f;
}
.btn-danger:active,
.btn-danger.active,
@ -3306,11 +3306,11 @@ fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d4584d;
border-color: #cf4538;
background-color: #e12817;
border-color: #ca2415;
}
.btn-danger .badge {
color: #d4584d;
color: #e12817;
background-color: #fff;
}
.btn-link {
@ -4806,11 +4806,11 @@ a.label:focus {
background-color: #f37e44;
}
.label-danger {
background-color: #d4584d;
background-color: #e12817;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c03a2e;
background-color: #b32013;
}
.badge {
display: inline-block;
@ -4989,11 +4989,11 @@ a.thumbnail.active {
}
.alert-danger {
color: #000;
background-color: #de7f76;
border-color: #d9626c;
background-color: #ff6c5f;
border-color: #ff4655;
}
.alert-danger hr {
border-top-color: #d44d58;
border-top-color: #ff2c3e;
}
.alert-danger .alert-link {
color: #000;
@ -5085,7 +5085,7 @@ a.thumbnail.active {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d4584d;
background-color: #e12817;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
@ -5279,7 +5279,7 @@ a.list-group-item-warning.active:focus {
}
.list-group-item-danger {
color: #000;
background-color: #de7f76;
background-color: #ff6c5f;
}
a.list-group-item-danger {
color: #000;
@ -5290,7 +5290,7 @@ a.list-group-item-danger .list-group-item-heading {
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
color: #000;
background-color: #d96b62;
background-color: #ff5546;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
@ -5629,22 +5629,22 @@ a.list-group-item-danger.active:focus {
border-bottom-color: #f89e8c;
}
.panel-danger {
border-color: #d9626c;
border-color: #ff4655;
}
.panel-danger > .panel-heading {
color: #000;
background-color: #de7f76;
border-color: #d9626c;
background-color: #ff6c5f;
border-color: #ff4655;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d9626c;
border-top-color: #ff4655;
}
.panel-danger > .panel-heading .badge {
color: #de7f76;
color: #ff6c5f;
background-color: #000;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d9626c;
border-bottom-color: #ff4655;
}
.embed-responsive {
position: relative;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -33,7 +33,8 @@
@brand-success: darken(@brand-green, 20%); // green
@brand-info: darken(@brand-yellow, 10%); // yellow
@brand-warning: @brand-orange; // orange
@brand-danger: @brand-red; // red
//@brand-danger: darken(saturate(@brand-orange, 60%), 10%);
@brand-danger: darken(saturate(@brand-red, 20%), 8%); // red
//== Scaffolding
@ -530,7 +531,7 @@
@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
@state-danger-text: darken(@brand-danger, 70%);
@state-danger-bg: lighten(@brand-danger, 10%);
@state-danger-bg: lighten(saturate(@brand-danger, 50%), 20%);
@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);