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:
Maharshi Patel 2023-09-01 13:44:38 +05:30
parent 7e89b73c84
commit f207c28f6f
7 changed files with 8 additions and 9 deletions

View file

@ -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);

View file

@ -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;

View file

@ -25,7 +25,6 @@
.grid-static-col {
padding: 6px 8px !important;
.static-area{
line-height: normal;
&.reqd:after {
content: ' *';
color: var(--red-400);

View file

@ -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);

View file

@ -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);

View file

@ -176,7 +176,7 @@
margin-right: 15px;
a {
color: var(--text-light);
color: var(--text-muted);
}
}

View file

@ -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);