8340203: Link color is hard to distinguish from text color in API documentation
Reviewed-by: prappo
This commit is contained in:
parent
580eb62dc0
commit
65463536e6
@ -28,8 +28,8 @@
|
|||||||
/* Line height for continuous text blocks */
|
/* Line height for continuous text blocks */
|
||||||
--block-line-height: 1.4em;
|
--block-line-height: 1.4em;
|
||||||
/* Text colors for body and block elements */
|
/* Text colors for body and block elements */
|
||||||
--body-text-color: #353833;
|
--body-text-color: #282828;
|
||||||
--block-text-color: #474747;
|
--block-text-color: #282828;
|
||||||
/* Background colors for various structural elements */
|
/* Background colors for various structural elements */
|
||||||
--body-background-color: #ffffff;
|
--body-background-color: #ffffff;
|
||||||
--section-background-color: #f8f8f8;
|
--section-background-color: #f8f8f8;
|
||||||
@ -49,8 +49,11 @@
|
|||||||
/* Text color for page title */
|
/* Text color for page title */
|
||||||
--title-color: #2c4557;
|
--title-color: #2c4557;
|
||||||
/* Text colors for links */
|
/* Text colors for links */
|
||||||
--link-color: #4A6782;
|
--link-color: #437291;
|
||||||
--link-color-active: #bb7a2a;
|
--link-color-active: #bb7a2a;
|
||||||
|
/* Table of contents */
|
||||||
|
--toc-background-color: var(--section-background-color);
|
||||||
|
--toc-link-color: #4a698a;
|
||||||
/* Snippet colors */
|
/* Snippet colors */
|
||||||
--snippet-background-color: #ebecee;
|
--snippet-background-color: #ebecee;
|
||||||
--snippet-text-color: var(--block-text-color);
|
--snippet-text-color: var(--block-text-color);
|
||||||
@ -99,6 +102,9 @@ a:link, a:visited {
|
|||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
color:var(--link-color);
|
color:var(--link-color);
|
||||||
}
|
}
|
||||||
|
nav a:link, nav a:visited {
|
||||||
|
color: var(--toc-link-color);
|
||||||
|
}
|
||||||
a[href]:hover, a[href]:active {
|
a[href]:hover, a[href]:active {
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
color:var(--link-color-active);
|
color:var(--link-color-active);
|
||||||
@ -398,7 +404,7 @@ dl.name-value > dd {
|
|||||||
* Styles for table of contents.
|
* Styles for table of contents.
|
||||||
*/
|
*/
|
||||||
.main-grid nav.toc {
|
.main-grid nav.toc {
|
||||||
background-color: var(--section-background-color);
|
background-color: var(--toc-background-color);
|
||||||
border-right: 1px solid var(--border-color);
|
border-right: 1px solid var(--border-color);
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: calc(var(--nav-height));
|
top: calc(var(--nav-height));
|
||||||
@ -409,8 +415,6 @@ dl.name-value > dd {
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
.main-grid nav.toc div.toc-header {
|
.main-grid nav.toc div.toc-header {
|
||||||
background-color: var(--section-background-color);
|
|
||||||
border-right: 1px solid var(--border-color);
|
|
||||||
top: var(--nav-height);
|
top: var(--nav-height);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
padding: 15px 20px;
|
padding: 15px 20px;
|
||||||
@ -473,7 +477,6 @@ nav.toc div.toc-header {
|
|||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: var(--body-text-color);
|
color: var(--body-text-color);
|
||||||
background-color: var(--body-background-color);
|
|
||||||
font-size: 0.856em;
|
font-size: 0.856em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
Loading…
Reference in New Issue
Block a user