Skip to content

B
bootstrap
Commit f17b636b authored by Mark Otto's avatar Mark Otto
Browse files
Options

color contrast for links, gets us to 4.63:1

parent e020d508
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 66 additions and 66 deletions
dist/css/bootstrap.css
View file @ f17b636b
...@@ -292,12 +292,12 @@ textarea { ...@@ -292,12 +292,12 @@ textarea {
line-height: inherit; line-height: inherit;
} }
a { a {
color: #027de7; color: #0275d8;
text-decoration: none; text-decoration: none;
} }
a:hover, a:hover,
a:focus { a:focus {
color: #01549b; color: #014c8c;
text-decoration: underline; text-decoration: underline;
} }
a:focus { a:focus {
...@@ -2117,8 +2117,8 @@ fieldset[disabled] .btn { ...@@ -2117,8 +2117,8 @@ fieldset[disabled] .btn {
} }
.btn-primary { .btn-primary {
color: #fff; color: #fff;
background-color: #027de7; background-color: #0275d8;
border-color: #026fce; border-color: #0267bf;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
} }
...@@ -2129,8 +2129,8 @@ fieldset[disabled] .btn { ...@@ -2129,8 +2129,8 @@ fieldset[disabled] .btn {
.btn-primary.active, .btn-primary.active,
.open > .dropdown-toggle.btn-primary { .open > .dropdown-toggle.btn-primary {
color: #fff; color: #fff;
background-color: #0262b4; background-color: #0159a5;
border-color: #014e91; border-color: #014682;
} }
.btn-primary:active, .btn-primary:active,
.btn-primary.active, .btn-primary.active,
...@@ -2157,11 +2157,11 @@ fieldset[disabled] .btn-primary:active, ...@@ -2157,11 +2157,11 @@ fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active, .btn-primary.disabled.active,
.btn-primary[disabled].active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active { fieldset[disabled] .btn-primary.active {
background-color: #027de7; background-color: #0275d8;
border-color: #026fce; border-color: #0267bf;
} }
.btn-primary .badge { .btn-primary .badge {
color: #027de7; color: #0275d8;
background-color: #fff; background-color: #fff;
} }
.btn-secondary { .btn-secondary {
...@@ -2411,7 +2411,7 @@ fieldset[disabled] .btn-danger.active { ...@@ -2411,7 +2411,7 @@ fieldset[disabled] .btn-danger.active {
} }
.btn-link { .btn-link {
font-weight: normal; font-weight: normal;
color: #027de7; color: #0275d8;
border-radius: 0; border-radius: 0;
} }
.btn-link, .btn-link,
...@@ -2431,7 +2431,7 @@ fieldset[disabled] .btn-link { ...@@ -2431,7 +2431,7 @@ fieldset[disabled] .btn-link {
} }
.btn-link:hover, .btn-link:hover,
.btn-link:focus { .btn-link:focus {
color: #01549b; color: #014c8c;
text-decoration: underline; text-decoration: underline;
background-color: transparent; background-color: transparent;
} }
...@@ -2579,7 +2579,7 @@ tbody.collapse.in { ...@@ -2579,7 +2579,7 @@ tbody.collapse.in {
.dropdown-menu > .active > a:focus { .dropdown-menu > .active > a:focus {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
background-color: #027de7; background-color: #0275d8;
outline: 0; outline: 0;
} }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a,
...@@ -3079,7 +3079,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { ...@@ -3079,7 +3079,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.nav-pills .nav-link.active:focus { .nav-pills .nav-link.active:focus {
color: #fff; color: #fff;
cursor: default; cursor: default;
background-color: #027de7; background-color: #0275d8;
} }
.nav-stacked .nav-item { .nav-stacked .nav-item {
display: block; display: block;
...@@ -3700,8 +3700,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { ...@@ -3700,8 +3700,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem;
} }
.card-primary { .card-primary {
background-color: #027de7; background-color: #0275d8;
border-color: #027de7; border-color: #0275d8;
} }
.card-success { .card-success {
background-color: #5cb85c; background-color: #5cb85c;
...@@ -3839,7 +3839,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { ...@@ -3839,7 +3839,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
padding: .5rem .75rem; padding: .5rem .75rem;
margin-left: -1px; margin-left: -1px;
line-height: 1.5; line-height: 1.5;
color: #027de7; color: #0275d8;
text-decoration: none; text-decoration: none;
background-color: #fff; background-color: #fff;
border: 1px solid #ddd; border: 1px solid #ddd;
...@@ -3859,7 +3859,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { ...@@ -3859,7 +3859,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
.pagination > li > span:hover, .pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > a:focus,
.pagination > li > span:focus { .pagination > li > span:focus {
color: #01549b; color: #014c8c;
background-color: #eceeef; background-color: #eceeef;
border-color: #ddd; border-color: #ddd;
} }
...@@ -3872,8 +3872,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { ...@@ -3872,8 +3872,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
cursor: default; cursor: default;
background-color: #027de7; background-color: #0275d8;
border-color: #027de7; border-color: #0275d8;
} }
.pagination > .disabled > span, .pagination > .disabled > span,
.pagination > .disabled > span:hover, .pagination > .disabled > span:hover,
...@@ -3987,11 +3987,11 @@ a.label:focus { ...@@ -3987,11 +3987,11 @@ a.label:focus {
background-color: #687077; background-color: #687077;
} }
.label-primary { .label-primary {
background-color: #027de7; background-color: #0275d8;
} }
.label-primary[href]:hover, .label-primary[href]:hover,
.label-primary[href]:focus { .label-primary[href]:focus {
background-color: #0262b4; background-color: #0159a5;
} }
.label-success { .label-success {
background-color: #5cb85c; background-color: #5cb85c;
...@@ -4050,7 +4050,7 @@ a.badge:focus { ...@@ -4050,7 +4050,7 @@ a.badge:focus {
} }
.list-group-item.active > .badge, .list-group-item.active > .badge,
.nav-pills > .active > a > .badge { .nav-pills > .active > a > .badge {
color: #027de7; color: #0275d8;
background-color: #fff; background-color: #fff;
} }
.list-group-item > .badge { .list-group-item > .badge {
...@@ -4417,8 +4417,8 @@ a.list-group-item:focus { ...@@ -4417,8 +4417,8 @@ a.list-group-item:focus {
.list-group-item.active:focus { .list-group-item.active:focus {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #027de7; background-color: #0275d8;
border-color: #027de7; border-color: #0275d8;
} }
.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading,
...@@ -4434,7 +4434,7 @@ a.list-group-item:focus { ...@@ -4434,7 +4434,7 @@ a.list-group-item:focus {
.list-group-item.active .list-group-item-text, .list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text, .list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text { .list-group-item.active:focus .list-group-item-text {
color: #b7ddfe; color: #a7d6fe;
} }
.list-group-item-success { .list-group-item-success {
color: #3c763d; color: #3c763d;
...@@ -5256,10 +5256,10 @@ button.close { ...@@ -5256,10 +5256,10 @@ button.close {
color: #818a91; color: #818a91;
} }
.text-primary { .text-primary {
color: #027de7; color: #0275d8;
} }
a.text-primary:hover { a.text-primary:hover {
color: #0262b4; color: #0159a5;
} }
.text-success { .text-success {
color: #3c763d; color: #3c763d;
...@@ -5287,10 +5287,10 @@ a.text-danger:hover { ...@@ -5287,10 +5287,10 @@ a.text-danger:hover {
} }
.bg-primary { .bg-primary {
color: #fff; color: #fff;
background-color: #027de7; background-color: #0275d8;
} }
a.bg-primary:hover { a.bg-primary:hover {
background-color: #0262b4; background-color: #0159a5;
} }
.bg-success { .bg-success {
background-color: #dff0d8; background-color: #dff0d8;
......
dist/css/bootstrap.css.map
View file @ f17b636b
This diff was suppressed by a .gitattributes entry.
dist/css/bootstrap.min.css
View file @ f17b636b
This source diff could not be displayed because it is too large. You can view the blob instead.
docs/_includes/customizer-variables.html
View file @ f17b636b
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<div class="clearfix"></div> <div class="clearfix"></div>
<div class="col-xs-4"> <div class="col-xs-4">
<label for="input-@brand-primary">@brand-primary</label> <label for="input-@brand-primary">@brand-primary</label>
<input id="input-@brand-primary" type="text" value="#027de7" data-var="@brand-primary" class="form-control"/> <input id="input-@brand-primary" type="text" value="darken(#027de7, 3%)" data-var="@brand-primary" class="form-control"/>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<label for="input-@brand-success">@brand-success</label> <label for="input-@brand-success">@brand-success</label>
......
docs/assets/css/docs.min.css
View file @ f17b636b
This diff is collapsed.
docs/assets/js/customize.min.js
View file @ f17b636b
This diff is collapsed.
docs/assets/js/raw-files.min.js
View file @ f17b636b
This source diff could not be displayed because it is too large. You can view the blob instead.
docs/dist/css/bootstrap.css
View file @ f17b636b
...@@ -292,12 +292,12 @@ textarea { ...@@ -292,12 +292,12 @@ textarea {
line-height: inherit; line-height: inherit;
} }
a { a {
color: #027de7; color: #0275d8;
text-decoration: none; text-decoration: none;
} }
a:hover, a:hover,
a:focus { a:focus {
color: #01549b; color: #014c8c;
text-decoration: underline; text-decoration: underline;
} }
a:focus { a:focus {
...@@ -2117,8 +2117,8 @@ fieldset[disabled] .btn { ...@@ -2117,8 +2117,8 @@ fieldset[disabled] .btn {
} }
.btn-primary { .btn-primary {
color: #fff; color: #fff;
background-color: #027de7; background-color: #0275d8;
border-color: #026fce; border-color: #0267bf;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
} }
...@@ -2129,8 +2129,8 @@ fieldset[disabled] .btn { ...@@ -2129,8 +2129,8 @@ fieldset[disabled] .btn {
.btn-primary.active, .btn-primary.active,
.open > .dropdown-toggle.btn-primary { .open > .dropdown-toggle.btn-primary {
color: #fff; color: #fff;
background-color: #0262b4; background-color: #0159a5;
border-color: #014e91; border-color: #014682;
} }
.btn-primary:active, .btn-primary:active,
.btn-primary.active, .btn-primary.active,
...@@ -2157,11 +2157,11 @@ fieldset[disabled] .btn-primary:active, ...@@ -2157,11 +2157,11 @@ fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active, .btn-primary.disabled.active,
.btn-primary[disabled].active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active { fieldset[disabled] .btn-primary.active {
background-color: #027de7; background-color: #0275d8;
border-color: #026fce; border-color: #0267bf;
} }
.btn-primary .badge { .btn-primary .badge {
color: #027de7; color: #0275d8;
background-color: #fff; background-color: #fff;
} }
.btn-secondary { .btn-secondary {
...@@ -2411,7 +2411,7 @@ fieldset[disabled] .btn-danger.active { ...@@ -2411,7 +2411,7 @@ fieldset[disabled] .btn-danger.active {
} }
.btn-link { .btn-link {
font-weight: normal; font-weight: normal;
color: #027de7; color: #0275d8;
border-radius: 0; border-radius: 0;
} }
.btn-link, .btn-link,
...@@ -2431,7 +2431,7 @@ fieldset[disabled] .btn-link { ...@@ -2431,7 +2431,7 @@ fieldset[disabled] .btn-link {
} }
.btn-link:hover, .btn-link:hover,
.btn-link:focus { .btn-link:focus {
color: #01549b; color: #014c8c;
text-decoration: underline; text-decoration: underline;
background-color: transparent; background-color: transparent;
} }
...@@ -2579,7 +2579,7 @@ tbody.collapse.in { ...@@ -2579,7 +2579,7 @@ tbody.collapse.in {
.dropdown-menu > .active > a:focus { .dropdown-menu > .active > a:focus {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
background-color: #027de7; background-color: #0275d8;
outline: 0; outline: 0;
} }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a,
...@@ -3079,7 +3079,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { ...@@ -3079,7 +3079,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.nav-pills .nav-link.active:focus { .nav-pills .nav-link.active:focus {
color: #fff; color: #fff;
cursor: default; cursor: default;
background-color: #027de7; background-color: #0275d8;
} }
.nav-stacked .nav-item { .nav-stacked .nav-item {
display: block; display: block;
...@@ -3700,8 +3700,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { ...@@ -3700,8 +3700,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem;
} }
.card-primary { .card-primary {
background-color: #027de7; background-color: #0275d8;
border-color: #027de7; border-color: #0275d8;
} }
.card-success { .card-success {
background-color: #5cb85c; background-color: #5cb85c;
...@@ -3839,7 +3839,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { ...@@ -3839,7 +3839,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
padding: .5rem .75rem; padding: .5rem .75rem;
margin-left: -1px; margin-left: -1px;
line-height: 1.5; line-height: 1.5;
color: #027de7; color: #0275d8;
text-decoration: none; text-decoration: none;
background-color: #fff; background-color: #fff;
border: 1px solid #ddd; border: 1px solid #ddd;
...@@ -3859,7 +3859,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { ...@@ -3859,7 +3859,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
.pagination > li > span:hover, .pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > a:focus,
.pagination > li > span:focus { .pagination > li > span:focus {
color: #01549b; color: #014c8c;
background-color: #eceeef; background-color: #eceeef;
border-color: #ddd; border-color: #ddd;
} }
...@@ -3872,8 +3872,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { ...@@ -3872,8 +3872,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
cursor: default; cursor: default;
background-color: #027de7; background-color: #0275d8;
border-color: #027de7; border-color: #0275d8;
} }
.pagination > .disabled > span, .pagination > .disabled > span,
.pagination > .disabled > span:hover, .pagination > .disabled > span:hover,
...@@ -3987,11 +3987,11 @@ a.label:focus { ...@@ -3987,11 +3987,11 @@ a.label:focus {
background-color: #687077; background-color: #687077;
} }
.label-primary { .label-primary {
background-color: #027de7; background-color: #0275d8;
} }
.label-primary[href]:hover, .label-primary[href]:hover,
.label-primary[href]:focus { .label-primary[href]:focus {
background-color: #0262b4; background-color: #0159a5;
} }
.label-success { .label-success {
background-color: #5cb85c; background-color: #5cb85c;
...@@ -4050,7 +4050,7 @@ a.badge:focus { ...@@ -4050,7 +4050,7 @@ a.badge:focus {
} }
.list-group-item.active > .badge, .list-group-item.active > .badge,
.nav-pills > .active > a > .badge { .nav-pills > .active > a > .badge {
color: #027de7; color: #0275d8;
background-color: #fff; background-color: #fff;
} }
.list-group-item > .badge { .list-group-item > .badge {
...@@ -4417,8 +4417,8 @@ a.list-group-item:focus { ...@@ -4417,8 +4417,8 @@ a.list-group-item:focus {
.list-group-item.active:focus { .list-group-item.active:focus {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #027de7; background-color: #0275d8;
border-color: #027de7; border-color: #0275d8;
} }
.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading,
...@@ -4434,7 +4434,7 @@ a.list-group-item:focus { ...@@ -4434,7 +4434,7 @@ a.list-group-item:focus {
.list-group-item.active .list-group-item-text, .list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text, .list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text { .list-group-item.active:focus .list-group-item-text {
color: #b7ddfe; color: #a7d6fe;
} }
.list-group-item-success { .list-group-item-success {
color: #3c763d; color: #3c763d;
...@@ -5256,10 +5256,10 @@ button.close { ...@@ -5256,10 +5256,10 @@ button.close {
color: #818a91; color: #818a91;
} }
.text-primary { .text-primary {
color: #027de7; color: #0275d8;
} }
a.text-primary:hover { a.text-primary:hover {
color: #0262b4; color: #0159a5;
} }
.text-success { .text-success {
color: #3c763d; color: #3c763d;
...@@ -5287,10 +5287,10 @@ a.text-danger:hover { ...@@ -5287,10 +5287,10 @@ a.text-danger:hover {
} }
.bg-primary { .bg-primary {
color: #fff; color: #fff;
background-color: #027de7; background-color: #0275d8;
} }
a.bg-primary:hover { a.bg-primary:hover {
background-color: #0262b4; background-color: #0159a5;
} }
.bg-success { .bg-success {
background-color: #dff0d8; background-color: #dff0d8;
......
docs/dist/css/bootstrap.css.map
View file @ f17b636b
This diff was suppressed by a .gitattributes entry.
docs/dist/css/bootstrap.min.css
View file @ f17b636b
This source diff could not be displayed because it is too large. You can view the blob instead.
less/_variables.less
View file @ f17b636b
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
@gray-lighter: #eceeef; @gray-lighter: #eceeef;
@gray-lightest: #f7f7f9; @gray-lightest: #f7f7f9;
@brand-primary: #027de7; @brand-primary: #0275d8;
@brand-success: #5cb85c; @brand-success: #5cb85c;
@brand-info: #5bc0de; @brand-info: #5bc0de;
@brand-warning: #f0ad4e; @brand-warning: #f0ad4e;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment