fix: contrast issue on major/prominent parts of design
changed light text to muted from gray-600 to gray-700. misc: fixed grid-heading alignment issue caused by line-height
This commit is contained in:
parent
7e89b73c84
commit
f207c28f6f
7 changed files with 8 additions and 9 deletions
|
|
@ -52,7 +52,7 @@ $disabled-input-height: 22px;
|
|||
--text-on-blue: var(--blue-700);
|
||||
--text-on-light-blue: var(--blue-600);
|
||||
--text-on-dark-blue: var(--blue-800);
|
||||
--text-on-green: var(--green-700);
|
||||
--text-on-green: var(--green-800);
|
||||
--text-on-yellow: var(--yellow-700);
|
||||
--text-on-orange: var(--orange-700);
|
||||
--text-on-red: var(--red-700);
|
||||
|
|
|
|||
|
|
@ -74,7 +74,7 @@
|
|||
|
||||
.level-item {
|
||||
font-weight: var(--weight-medium);
|
||||
color: var(--gray-600);
|
||||
color: var(--gray-700);
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-basis: auto;
|
||||
|
|
|
|||
|
|
@ -25,7 +25,6 @@
|
|||
.grid-static-col {
|
||||
padding: 6px 8px !important;
|
||||
.static-area{
|
||||
line-height: normal;
|
||||
&.reqd:after {
|
||||
content: ' *';
|
||||
color: var(--red-400);
|
||||
|
|
|
|||
|
|
@ -13,10 +13,10 @@
|
|||
--blue-avatar-color: var(--blue-500);
|
||||
|
||||
--green-avatar-bg: var(--green-200);
|
||||
--green-avatar-color: var(--green-700);
|
||||
--green-avatar-color: var(--green-800);
|
||||
|
||||
--dark-green-avatar-bg: var(--green-200);
|
||||
--dark-green-avatar-color: var(--green-700);
|
||||
--dark-green-avatar-color: var(--green-800);
|
||||
|
||||
--red-avatar-bg: var(--red-50);
|
||||
--red-avatar-color: var(--red-500);
|
||||
|
|
|
|||
|
|
@ -120,7 +120,7 @@
|
|||
|
||||
.control-label,
|
||||
.grid-heading-row {
|
||||
color: var(--text-light);
|
||||
color: var(--text-muted);
|
||||
font-size: var(--text-sm);
|
||||
}
|
||||
|
||||
|
|
@ -392,7 +392,7 @@
|
|||
font-size: var(--text-base);
|
||||
font-weight: var(--weight-regular);
|
||||
.nav-link {
|
||||
color: var(--text-light);
|
||||
color: var(--text-muted);
|
||||
padding: 10px 0;
|
||||
margin: 0 var(--margin-md);
|
||||
|
||||
|
|
|
|||
|
|
@ -176,7 +176,7 @@
|
|||
margin-right: 15px;
|
||||
|
||||
a {
|
||||
color: var(--text-light);
|
||||
color: var(--text-muted);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -184,7 +184,7 @@ body[data-route^="Module"] .main-menu {
|
|||
margin-bottom: var(--margin-sm);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--text-light);
|
||||
color: var(--text-muted);
|
||||
.icon {
|
||||
margin: 0;
|
||||
margin-right: var(--margin-xs);
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue