fix: Yellow color shades are inconsistent (#4391)
This commit is contained in:
parent
1194188f13
commit
3d164271a8
6 changed files with 12 additions and 12 deletions
|
@ -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;
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue