Skip to content

Commit

Permalink
Color tweaks (#26005)
Browse files Browse the repository at this point in the history 
Color tweaks in the docs nav to improve readability.
  • Loading branch information
@mike-j-thomas
mike-j-thomas authored Feb 4, 2025
1 parent f4f249a commit 0b01607
Show file tree
Hide file tree
Showing 5 changed files with 36 additions and 31 deletions.
6 changes: 3 additions & 3 deletions website/assets/styles/components/docs-nav-and-search.component.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,20 +24,20 @@
&: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
text-decoration: none !important;//lesshint-disable-line importantRule
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;
}
}
Expand Down
4 changes: 2 additions & 2 deletions website/assets/styles/layout.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down Expand Up @@ -574,7 +574,7 @@ html, body {
margin-right: 6px;
}
&:hover {
background-color: #F9FAFC;
background-color: #f6f7f8;
text-decoration: none;
}
}
Expand Down
30 changes: 16 additions & 14 deletions website/assets/styles/pages/docs/basic-documentation.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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'] {
Expand Down Expand Up @@ -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 {
Expand Down Expand Up @@ -951,7 +952,7 @@
}

[purpose='modal-nav-link'] {
color: #515774;
color: @core-fleet-black-75;
font-family: Inter;
font-size: 14px;
line-height: 150%;
Expand All @@ -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;
Expand All @@ -981,11 +983,11 @@
&:hover {
text-decoration: none;
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
&.active {
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
}
}
Expand Down Expand Up @@ -1063,7 +1065,7 @@
&:hover {
color: #515774;
border-radius: 4px;
background: #F9FAFC;
background: #f6f7f8;
}
}
}
Expand Down Expand Up @@ -1115,7 +1117,7 @@
transform: translateX(0);
}
[purpose='back-to-top-button'].show:hover {
background: #F9FAFC;
background: #f6f7f8;
}
}

Expand Down
13 changes: 7 additions & 6 deletions website/assets/styles/pages/osquery-table-details.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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');
Expand Down Expand Up @@ -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'] {
Expand All @@ -599,11 +600,11 @@
// &:hover {
// text-decoration: none;
// border-radius: 4px;
// background: #F9FAFC;
// background: #f6f7f8;
// }
// &.active {
// border-radius: 4px;
// background: #F9FAFC;
// background: #f6f7f8;
// }
}
}
Expand Down
14 changes: 8 additions & 6 deletions website/assets/styles/pages/vital-details.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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%;
Expand All @@ -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;
}
}
}
Expand Down Expand Up @@ -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%;
Expand All @@ -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;
}
}
}
Expand Down

0 comments on commit 0b01607

Please sign in to comment.