8340203: Link color is hard to distinguish from text color in API documentation

Reviewed-by: prappo
This commit is contained in:
Hannes Wallnöfer 2024-10-08 16:16:14 +00:00
parent 580eb62dc0
commit 65463536e6

View File

@ -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;