KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: Yellow color shades are inconsistent (#4391)

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

4
app/javascript/dashboard/assets/scss/_utility-helpers.scss
View file

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

6
app/javascript/dashboard/components/ui/Banner.vue
View file

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

2
app/javascript/dashboard/components/ui/Label.vue
View file

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

2
app/javascript/dashboard/components/widgets/Thumbnail.vue
View file

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

2
app/javascript/dashboard/components/widgets/conversation/AvailabilityStatusBadge.vue
View file

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

8
app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue
View file

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