.input-append .active,
.input-prepend .active {
- background-color: #a9dba9;
- border-color: #46a546;
+ background-color: #dff0d8;
+ border-color: #468847;
}
.input-prepend .add-on,
<input type="text" class="span3" placeholder="#08c">
<label>@link-color-hover</label>
<input type="text" class="span3" placeholder="darken(@link-color, 15%)">
- <h3>Colors</h3>
- <label>@blue</label>
- <input type="text" class="span3" placeholder="#049cdb">
- <label>@green</label>
- <input type="text" class="span3" placeholder="#46a546">
- <label>@red</label>
- <input type="text" class="span3" placeholder="#9d261d">
- <label>@yellow</label>
- <input type="text" class="span3" placeholder="#ffc40d">
- <label>@orange</label>
- <input type="text" class="span3" placeholder="#f89406">
- <label>@pink</label>
- <input type="text" class="span3" placeholder="#c3325f">
- <label>@purple</label>
- <input type="text" class="span3" placeholder="#7a43b6">
<h3>Sprites</h3>
<label>@iconSpritePath</label>
<input type="text" class="span3" placeholder="#08c">
<label>@link-color-hover</label>
<input type="text" class="span3" placeholder="darken(@link-color, 15%)">
- <h3>{{_i}}Colors{{/i}}</h3>
- <label>@blue</label>
- <input type="text" class="span3" placeholder="#049cdb">
- <label>@green</label>
- <input type="text" class="span3" placeholder="#46a546">
- <label>@red</label>
- <input type="text" class="span3" placeholder="#9d261d">
- <label>@yellow</label>
- <input type="text" class="span3" placeholder="#ffc40d">
- <label>@orange</label>
- <input type="text" class="span3" placeholder="#f89406">
- <label>@pink</label>
- <input type="text" class="span3" placeholder="#c3325f">
- <label>@purple</label>
- <input type="text" class="span3" placeholder="#7a43b6">
<h3>{{_i}}Sprites{{/i}}</h3>
<label>@iconSpritePath</label>
border-radius: 0;
}
.active {
- background-color: lighten(@green, 30);
- border-color: @green;
+ background-color: @successBackground;
+ border-color: @successText;
}
}
&-danger { background-color: @errorText; }
&-danger[href] { background-color: darken(@errorText, 10%); }
// Warnings (orange)
- &-warning { background-color: @orange; }
- &-warning[href] { background-color: darken(@orange, 10%); }
+ &-warning { background-color: #f89406; }
+ &-warning[href] { background-color: darken(#f89406, 10%); }
// Success (green)
&-success { background-color: @successText; }
&-success[href] { background-color: darken(@successText, 10%); }
// Warning (orange)
.progress-warning .bar, .progress .bar-warning {
- #gradient > .vertical(lighten(@orange, 15%), @orange);
+ #gradient > .vertical(lighten(#f89406, 15%), #f89406);
}
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
- #gradient > .striped(lighten(@orange, 15%));
+ #gradient > .striped(lighten(#f89406, 15%));
}
@grayLighter: #eee;
-// Accent colors
-// -------------------------
-@blue: #049cdb;
-@green: #46a546;
-@red: #9d261d;
-@yellow: #ffc40d;
-@orange: #f89406;
-@pink: #c3325f;
-@purple: #7a43b6;
-
-
// Scaffolding
// -------------------------