fix: Yellow color shades are inconsistent (#4391)

This commit is contained in:
Nithin David Thomas 2022-04-11 17:27:28 +05:30 committed by GitHub
parent 1194188f13
commit 3d164271a8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 12 additions and 12 deletions

View file

@ -51,10 +51,6 @@
background-color: var(--white); background-color: var(--white);
} }
.text-y-800 {
color: var(--y-800);
}
.text-ellipsis { .text-ellipsis {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

View file

@ -112,10 +112,10 @@ export default {
} }
&.warning { &.warning {
background: var(--y-800); background: var(--y-600);
color: var(--s-600); color: var(--y-500);
a { a {
color: var(--s-600); color: var(--y-500);
} }
} }

View file

@ -157,7 +157,7 @@ export default {
&.warning { &.warning {
background: var(--y-100); background: var(--y-100);
color: var(--y-900); color: var(--y-900);
border: 1px solid var(--y-300); border: 1px solid var(--y-200);
a { a {
color: var(--y-900); color: var(--y-900);
} }

View file

@ -209,7 +209,7 @@ export default {
} }
.user-online-status--busy { .user-online-status--busy {
background: var(--y-700); background: var(--y-500);
} }
.user-online-status--offline { .user-online-status--offline {

View file

@ -23,7 +23,7 @@ export default {
background: var(--s-500); background: var(--s-500);
} }
&__busy { &__busy {
background: var(--y-400); background: var(--y-500);
} }
} }
</style> </style>

View file

@ -14,8 +14,8 @@
<fluent-icon <fluent-icon
v-if="!isHMACVerified" v-if="!isHMACVerified"
v-tooltip="$t('CONVERSATION.UNVERIFIED_SESSION')" v-tooltip="$t('CONVERSATION.UNVERIFIED_SESSION')"
class="text-y-800"
size="14" size="14"
class="hmac-warning__icon"
icon="warning" icon="warning"
/> />
</h3> </h3>
@ -181,7 +181,11 @@ export default {
.snoozed--display-text { .snoozed--display-text {
font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
color: var(--y-900); color: var(--y-600);
} }
} }
.hmac-warning__icon {
color: var(--y-600);
}
</style> </style>