Color tweaks (#26005)

Color tweaks in the docs nav to improve readability.
This commit is contained in:
Mike Thomas 2025-02-04 13:50:54 +09:00 committed by GitHub
parent f4f249a5eb
commit 0b016070e7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 36 additions and 31 deletions

View file

@ -24,7 +24,7 @@
&:last-of-type {
margin-right: 0px !important;//lesshint-disable-line importantRule
}
color: #8B8FA2 !important;//lesshint-disable-line importantRule
color: #515774 !important;//lesshint-disable-line importantRule
font-size: 14px !important;//lesshint-disable-line importantRule
font-weight: 400 !important;//lesshint-disable-line importantRule
line-height: 150% !important;//lesshint-disable-line importantRule
@ -32,12 +32,12 @@
text-decoration-line: none !important;//lesshint-disable-line importantRule
&.active {
border-radius: 8px;
background: #F1F3F5;
background: #f6f7f8;
color: #192147 !important;//lesshint-disable-line importantRule
}
&:hover {
border-radius: 8px;
background: #F1F3F5;
background: #f6f7f8;
text-decoration: none;
}
}

View file

@ -15,7 +15,7 @@ html, body {
min-height: 100%;
position: relative;
padding-bottom: @footer-height;
background: linear-gradient(180deg, #E8F1F6 0%, #FFFFFF 200px);
background: linear-gradient(180deg, #E8F1F6 0%, #FFFFFF 100px);
background-position: center 40px;
opacity: 1;
// Note: This element has the "show" class toggled by the mobile header nav menu button.
@ -574,7 +574,7 @@ html, body {
margin-right: 6px;
}
&:hover {
background-color: #F9FAFC;
background-color: #f6f7f8;
text-decoration: none;
}
}

View file

@ -328,11 +328,12 @@
&:hover {
text-decoration: none;
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
&.active {
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
color: @core-fleet-black;
}
}
[purpose='expanded-nav'] {
@ -369,16 +370,16 @@
font-size: 14px;
}
a {
color: @core-fleet-black-75!important;
&:hover {
color: @core-fleet-black-75;
text-decoration: none;
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
&.active {
color: @core-fleet-black-75;
color: @core-fleet-black;
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
}
li {
@ -951,7 +952,7 @@
}
[purpose='modal-nav-link'] {
color: #515774;
color: @core-fleet-black-75;
font-family: Inter;
font-size: 14px;
line-height: 150%;
@ -961,16 +962,17 @@
&:hover {
text-decoration: none;
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
&.active {
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
color: @core-fleet-black;
}
}
[purpose='modal-subtopics'] {
a {
color: #515774;
color: @core-fleet-black-75;
font-family: Inter;
margin-right: 5px;
font-size: 14px;
@ -981,11 +983,11 @@
&:hover {
text-decoration: none;
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
&.active {
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
}
}
@ -1063,7 +1065,7 @@
&:hover {
color: #515774;
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
}
}
@ -1115,7 +1117,7 @@
transform: translateX(0);
}
[purpose='back-to-top-button'].show:hover {
background: #F9FAFC;
background: #f6f7f8;
}
}

View file

@ -215,11 +215,12 @@
&:hover {
text-decoration: none;
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
&.active {
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
color: @core-fleet-black;
}
}
min-height: calc(~'100vh - 565px');
@ -579,11 +580,11 @@
&:hover {
text-decoration: none;
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
&.active {
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
}
[purpose='modal-subtopics'] {
@ -599,11 +600,11 @@
// &:hover {
// text-decoration: none;
// border-radius: 4px;
// background: #F9FAFC;
// background: #f6f7f8;
// }
// &.active {
// border-radius: 4px;
// background: #F9FAFC;
// background: #f6f7f8;
// }
}
}

View file

@ -136,7 +136,7 @@
[purpose='table-of-contents'] {
margin-right: 16px;
[purpose='vital-link'] {
color: #515774;
color: @core-fleet-black-75;
font-family: Inter;
font-size: 14px;
line-height: 150%;
@ -146,11 +146,12 @@
&:hover {
text-decoration: none;
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
&.active {
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
color: @core-fleet-black;
}
}
}
@ -579,7 +580,7 @@
overflow-y: scroll;
scrollbar-width: none;
[purpose='vital-link'] {
color: #515774;
color: @core-fleet-black-75;
font-family: Inter;
font-size: 14px;
line-height: 150%;
@ -589,11 +590,12 @@
&:hover {
text-decoration: none;
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
&.active {
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
color: @core-fleet-black;
}
}
}