mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 17:08:53 +00:00
Color tweaks (#26005)
Color tweaks in the docs nav to improve readability.
This commit is contained in:
parent
f4f249a5eb
commit
0b016070e7
5 changed files with 36 additions and 31 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
4
website/assets/styles/layout.less
vendored
4
website/assets/styles/layout.less
vendored
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
14
website/assets/styles/pages/vital-details.less
vendored
14
website/assets/styles/pages/vital-details.less
vendored
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue