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; background-image: none;
} }
.btn-danger { .btn-danger {
background-image: -webkit-linear-gradient(top, #d4584d 0%, #b7382c 100%); background-image: -webkit-linear-gradient(top, #e12817 0%, #a91e12 100%);
background-image: -o-linear-gradient(top, #d4584d 0%, #b7382c 100%); background-image: -o-linear-gradient(top, #e12817 0%, #a91e12 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d4584d), to(#b7382c)); background-image: -webkit-gradient(linear, left top, left bottom, from(#e12817), to(#a91e12));
background-image: linear-gradient(to bottom, #d4584d 0%, #b7382c 100%); background-image: linear-gradient(to bottom, #e12817 0%, #a91e12 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd4584d', endColorstr='#ffb7382c', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe12817', endColorstr='#ffa91e12', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #af352a; border-color: #a01c11;
} }
.btn-danger:hover, .btn-danger:hover,
.btn-danger:focus { .btn-danger:focus {
background-color: #b7382c; background-color: #a91e12;
background-position: 0 -15px; background-position: 0 -15px;
} }
.btn-danger:active, .btn-danger:active,
.btn-danger.active { .btn-danger.active {
background-color: #b7382c; background-color: #a91e12;
border-color: #af352a; border-color: #a01c11;
} }
.btn-danger.disabled, .btn-danger.disabled,
.btn-danger:disabled, .btn-danger:disabled,
.btn-danger[disabled] { .btn-danger[disabled] {
background-color: #b7382c; background-color: #a91e12;
background-image: none; background-image: none;
} }
.thumbnail, .thumbnail,
@ -327,13 +327,13 @@
border-color: #f48e5c; border-color: #f48e5c;
} }
.alert-danger { .alert-danger {
background-image: -webkit-linear-gradient(top, #de7f76 0%, #d66257 100%); background-image: -webkit-linear-gradient(top, #ff6c5f 0%, #ff4939 100%);
background-image: -o-linear-gradient(top, #de7f76 0%, #d66257 100%); background-image: -o-linear-gradient(top, #ff6c5f 0%, #ff4939 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#de7f76), to(#d66257)); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6c5f), to(#ff4939));
background-image: linear-gradient(to bottom, #de7f76 0%, #d66257 100%); background-image: linear-gradient(to bottom, #ff6c5f 0%, #ff4939 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde7f76', endColorstr='#ffd66257', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6c5f', endColorstr='#ffff4939', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #cf4538; border-color: #ff2613;
} }
.progress { .progress {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
@ -376,11 +376,11 @@
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar-danger { .progress-bar-danger {
background-image: -webkit-linear-gradient(top, #d4584d 0%, #c03a2e 100%); background-image: -webkit-linear-gradient(top, #e12817 0%, #b32013 100%);
background-image: -o-linear-gradient(top, #d4584d 0%, #c03a2e 100%); background-image: -o-linear-gradient(top, #e12817 0%, #b32013 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d4584d), to(#c03a2e)); background-image: -webkit-gradient(linear, left top, left bottom, from(#e12817), to(#b32013));
background-image: linear-gradient(to bottom, #d4584d 0%, #c03a2e 100%); background-image: linear-gradient(to bottom, #e12817 0%, #b32013 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd4584d', endColorstr='#ffc03a2e', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe12817', endColorstr='#ffb32013', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar-striped { .progress-bar-striped {
@ -455,11 +455,11 @@
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.panel-danger > .panel-heading { .panel-danger > .panel-heading {
background-image: -webkit-linear-gradient(top, #de7f76 0%, #d96b62 100%); background-image: -webkit-linear-gradient(top, #ff6c5f 0%, #ff5546 100%);
background-image: -o-linear-gradient(top, #de7f76 0%, #d96b62 100%); background-image: -o-linear-gradient(top, #ff6c5f 0%, #ff5546 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#de7f76), to(#d96b62)); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6c5f), to(#ff5546));
background-image: linear-gradient(to bottom, #de7f76 0%, #d96b62 100%); background-image: linear-gradient(to bottom, #ff6c5f 0%, #ff5546 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde7f76', endColorstr='#ffd96b62', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6c5f', endColorstr='#ffff5546', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.well { .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; background-color: #f69f74;
} }
.bg-danger { .bg-danger {
background-color: #de7f76; background-color: #ff6c5f;
} }
a.bg-danger:hover { a.bg-danger:hover {
background-color: #d4584d; background-color: #ff3d2c;
} }
.page-header { .page-header {
padding-bottom: 9.5px; padding-bottom: 9.5px;
@ -2425,14 +2425,14 @@ table th[class*="col-"] {
.table > thead > tr.danger > th, .table > thead > tr.danger > th,
.table > tbody > tr.danger > th, .table > tbody > tr.danger > th,
.table > tfoot > 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 > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th { .table-hover > tbody > tr.danger:hover > th {
background-color: #d96b62; background-color: #ff5546;
} }
.table-responsive { .table-responsive {
min-height: .01%; min-height: .01%;
@ -2871,7 +2871,7 @@ select[multiple].form-group-lg .form-control {
.has-error.radio-inline label, .has-error.radio-inline label,
.has-error.checkbox-inline label { .has-error.checkbox-inline label {
color: #000; color: #000;
background-color: #de7f76; background-color: #ff6c5f;
} }
.has-error .form-control { .has-error .form-control {
border-color: #000; border-color: #000;
@ -2885,7 +2885,7 @@ select[multiple].form-group-lg .form-control {
} }
.has-error .input-group-addon { .has-error .input-group-addon {
color: #000; color: #000;
background-color: #de7f76; background-color: #ff6c5f;
border-color: #000; border-color: #000;
} }
.has-error .form-control-feedback { .has-error .form-control-feedback {
@ -3270,8 +3270,8 @@ fieldset[disabled] .btn-warning.active {
} }
.btn-danger { .btn-danger {
color: #fff; color: #fff;
background-color: #d4584d; background-color: #e12817;
border-color: #cf4538; border-color: #ca2415;
} }
.btn-danger:hover, .btn-danger:hover,
.btn-danger:focus, .btn-danger:focus,
@ -3280,8 +3280,8 @@ fieldset[disabled] .btn-warning.active {
.btn-danger.active, .btn-danger.active,
.open > .dropdown-toggle.btn-danger { .open > .dropdown-toggle.btn-danger {
color: #fff; color: #fff;
background-color: #c03a2e; background-color: #b32013;
border-color: #a33127; border-color: #921a0f;
} }
.btn-danger:active, .btn-danger:active,
.btn-danger.active, .btn-danger.active,
@ -3306,11 +3306,11 @@ fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active, .btn-danger.disabled.active,
.btn-danger[disabled].active, .btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active { fieldset[disabled] .btn-danger.active {
background-color: #d4584d; background-color: #e12817;
border-color: #cf4538; border-color: #ca2415;
} }
.btn-danger .badge { .btn-danger .badge {
color: #d4584d; color: #e12817;
background-color: #fff; background-color: #fff;
} }
.btn-link { .btn-link {
@ -4806,11 +4806,11 @@ a.label:focus {
background-color: #f37e44; background-color: #f37e44;
} }
.label-danger { .label-danger {
background-color: #d4584d; background-color: #e12817;
} }
.label-danger[href]:hover, .label-danger[href]:hover,
.label-danger[href]:focus { .label-danger[href]:focus {
background-color: #c03a2e; background-color: #b32013;
} }
.badge { .badge {
display: inline-block; display: inline-block;
@ -4989,11 +4989,11 @@ a.thumbnail.active {
} }
.alert-danger { .alert-danger {
color: #000; color: #000;
background-color: #de7f76; background-color: #ff6c5f;
border-color: #d9626c; border-color: #ff4655;
} }
.alert-danger hr { .alert-danger hr {
border-top-color: #d44d58; border-top-color: #ff2c3e;
} }
.alert-danger .alert-link { .alert-danger .alert-link {
color: #000; 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); 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 { .progress-bar-danger {
background-color: #d4584d; background-color: #e12817;
} }
.progress-striped .progress-bar-danger { .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); 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 { .list-group-item-danger {
color: #000; color: #000;
background-color: #de7f76; background-color: #ff6c5f;
} }
a.list-group-item-danger { a.list-group-item-danger {
color: #000; 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:hover,
a.list-group-item-danger:focus { a.list-group-item-danger:focus {
color: #000; color: #000;
background-color: #d96b62; background-color: #ff5546;
} }
a.list-group-item-danger.active, a.list-group-item-danger.active,
a.list-group-item-danger.active:hover, a.list-group-item-danger.active:hover,
@ -5629,22 +5629,22 @@ a.list-group-item-danger.active:focus {
border-bottom-color: #f89e8c; border-bottom-color: #f89e8c;
} }
.panel-danger { .panel-danger {
border-color: #d9626c; border-color: #ff4655;
} }
.panel-danger > .panel-heading { .panel-danger > .panel-heading {
color: #000; color: #000;
background-color: #de7f76; background-color: #ff6c5f;
border-color: #d9626c; border-color: #ff4655;
} }
.panel-danger > .panel-heading + .panel-collapse > .panel-body { .panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d9626c; border-top-color: #ff4655;
} }
.panel-danger > .panel-heading .badge { .panel-danger > .panel-heading .badge {
color: #de7f76; color: #ff6c5f;
background-color: #000; background-color: #000;
} }
.panel-danger > .panel-footer + .panel-collapse > .panel-body { .panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d9626c; border-bottom-color: #ff4655;
} }
.embed-responsive { .embed-responsive {
position: relative; 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-success: darken(@brand-green, 20%); // green
@brand-info: darken(@brand-yellow, 10%); // yellow @brand-info: darken(@brand-yellow, 10%); // yellow
@brand-warning: @brand-orange; // orange @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 //== Scaffolding
@ -530,7 +531,7 @@
@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); @state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
@state-danger-text: darken(@brand-danger, 70%); @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%); @state-danger-border: darken(spin(@state-danger-bg, -10), 5%);