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 */
--block-line-height: 1.4em;
/* Text colors for body and block elements */
--body-text-color: #353833;
--block-text-color: #474747;
--body-text-color: #282828;
--block-text-color: #282828;
/* Background colors for various structural elements */
--body-background-color: #ffffff;
--section-background-color: #f8f8f8;
@ -49,8 +49,11 @@
/* Text color for page title */
--title-color: #2c4557;
/* Text colors for links */
--link-color: #4A6782;
--link-color: #437291;
--link-color-active: #bb7a2a;
/* Table of contents */
--toc-background-color: var(--section-background-color);
--toc-link-color: #4a698a;
/* Snippet colors */
--snippet-background-color: #ebecee;
--snippet-text-color: var(--block-text-color);
@ -99,6 +102,9 @@ a:link, a:visited {
text-decoration:none;
color:var(--link-color);
}
nav a:link, nav a:visited {
color: var(--toc-link-color);
}
a[href]:hover, a[href]:active {
text-decoration:none;
color:var(--link-color-active);
@ -398,7 +404,7 @@ dl.name-value > dd {
* Styles for table of contents.
*/
.main-grid nav.toc {
background-color: var(--section-background-color);
background-color: var(--toc-background-color);
border-right: 1px solid var(--border-color);
position: sticky;
top: calc(var(--nav-height));
@ -409,8 +415,6 @@ dl.name-value > dd {
z-index: 1;
}
.main-grid nav.toc div.toc-header {
background-color: var(--section-background-color);
border-right: 1px solid var(--border-color);
top: var(--nav-height);
z-index: 1;
padding: 15px 20px;
@ -473,7 +477,6 @@ nav.toc div.toc-header {
display: inline-flex;
align-items: center;
color: var(--body-text-color);
background-color: var(--body-background-color);
font-size: 0.856em;
font-weight: bold;
white-space: nowrap;