Updated colors in API viewer for higher contrast

This commit is contained in:
Ken Hoes
2016-05-27 10:38:11 -04:00
parent 240b35c8d4
commit 028981ce88

View File

@@ -37,13 +37,13 @@ body .navbar {
border-color: #E8E8E8; border-color: #E8E8E8;
} }
body .navbar .navbar-brand { body .navbar .navbar-brand {
color: #848992; color: #707070;
padding: 0; padding: 0;
font-size: 14px; font-size: 14px;
} }
body .navbar .navbar-brand:focus, body .navbar .navbar-brand:focus,
body .navbar .navbar-brand:hover { body .navbar .navbar-brand:hover {
color: #848992; color: #707070;
} }
body .navbar .navbar-brand img { body .navbar .navbar-brand img {
display: inline-block; display: inline-block;
@@ -60,7 +60,7 @@ body .navbar .navbar-brand > span {
body .navbar .navbar-title { body .navbar .navbar-title {
float: left; float: left;
height: 50px; height: 50px;
color: #848992; color: #707070;
padding: 0; padding: 0;
font-size: 14px; font-size: 14px;
display: none; display: none;
@@ -74,19 +74,19 @@ body.show-title .navbar .navbar-title {
display: inline-block; display: inline-block;
} }
body .navbar .navbar-nav > li > a { body .navbar .navbar-nav > li > a {
color: #848992; color: #707070;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
body .navbar .navbar-nav > li > a:focus, body .navbar .navbar-nav > li > a:focus,
body .navbar .navbar-nav > li > a:hover { body .navbar .navbar-nav > li > a:hover {
color: #848992; color: #707070;
} }
body .navbar .navbar-nav > li > a > span.glyphicon { body .navbar .navbar-nav > li > a > span.glyphicon {
font-size: 20px; font-size: 20px;
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
color: #B7B7B7; color: #848992;
} }
body .page-header { body .page-header {
@@ -110,7 +110,7 @@ body .description .hide-description span.glyphicon {
font-size: 20px; font-size: 20px;
} }
body .description .hide-description:hover span.glyphicon { body .description .hide-description:hover span.glyphicon {
color: #B7B7B7; color: #848992;
} }
body ul.breadcrumb, body ul.breadcrumb,
body .description, body .description,
@@ -167,7 +167,7 @@ body .form-actions button {
body .form-horizontal .control-label { body .form-horizontal .control-label {
text-transform: uppercase; text-transform: uppercase;
font-weight: normal; font-weight: normal;
color: #848992; color: #707070;
} }
body textarea.form-control { body textarea.form-control {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
@@ -182,22 +182,22 @@ body .description pre {
} }
body .tooltip.bottom .tooltip-arrow { body .tooltip.bottom .tooltip-arrow {
border-bottom-color: #848992; border-bottom-color: #707070;
} }
body .tooltip.top .tooltip-arrow { body .tooltip.top .tooltip-arrow {
border-top-color: #848992; border-top-color: #707070;
} }
body .tooltip.left .tooltip-arrow { body .tooltip.left .tooltip-arrow {
border-left-color: #848992; border-left-color: #707070;
} }
body .tooltip.right .tooltip-arrow { body .tooltip.right .tooltip-arrow {
border-right-color: #848992; border-right-color: #707070;
} }
body .tooltip.in { body .tooltip.in {
opacity: 1; opacity: 1;
} }
body .tooltip-inner { body .tooltip-inner {
background-color: #848992; background-color: #707070;
} }
body .btn { body .btn {
@@ -205,7 +205,7 @@ body .btn {
} }
.btn-primary { .btn-primary {
background-color: #FFFFFF; background-color: #FFFFFF;
color: #848992; color: #707070;
border: 1px solid #E8E8E8; border: 1px solid #E8E8E8;
} }
.btn-primary:hover, .btn-primary:hover,
@@ -224,7 +224,7 @@ body .btn {
.open>.dropdown-toggle.btn-primary:hover, .open>.dropdown-toggle.btn-primary:hover,
.open>.dropdown-toggle.btn-primary { .open>.dropdown-toggle.btn-primary {
background-color: #FAFAFA; background-color: #FAFAFA;
color: #848992; color: #707070;
border: 1px solid #E8E8E8; border: 1px solid #E8E8E8;
} }
@@ -283,7 +283,7 @@ body #footer {
overflow: hidden; overflow: hidden;
margin-bottom: 0; margin-bottom: 0;
height: 40px; height: 40px;
color: #848992; color: #707070;
} }
body #footer .footer-logo { body #footer .footer-logo {
text-align: left; text-align: left;
@@ -302,7 +302,7 @@ body #footer .footer-copyright {
padding-top: 10px; padding-top: 10px;
} }
body #footer .footer-copyright a { body #footer .footer-copyright a {
color: #848992; color: #707070;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
@@ -329,7 +329,7 @@ body #footer .footer-copyright a {
border-color: #E8E8E8; border-color: #E8E8E8;
} }
body .navbar .navbar-toggle .icon-bar { body .navbar .navbar-toggle .icon-bar {
background-color: #B7B7B7; background-color: #848992;
} }
body .navbar .tooltip { body .navbar .tooltip {
visibility: hidden; visibility: hidden;