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

Chore: Update social icon colors on sidebar (#1846)

Browse source
This commit is contained in:
Siddharth Ramesh 2021-03-02 18:27:22 +05:30 • committed by GitHub
parent 89e5f18dfb
commit 2120734f67
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 31 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

24
app/javascript/dashboard/components/layout/SidebarItem.vue
View file

@ -164,4 +164,28 @@ export default {
min-width: $space-normal; min-width: $space-normal;
width: $space-normal; width: $space-normal;
} }
.inbox-icon.ion-social-facebook {
color: var(--color-facebook-brand);
}
.inbox-icon.ion-social-whatsapp-outline {
color: var(--color-twitter-brand);
}
.inbox-icon.ion-social-twitter {
color: var(--color-twitter-brand);
}
.inbox-icon.ion-android-textsms {
color: var(--color-sms-twilio);
}
.inbox-icon.ion-earth {
color: var(--color-woot);
}
.inbox-icon.ion-cloud {
color: var(--color-cloud-generic);
}
</style> </style>

7
app/javascript/shared/assets/stylesheets/colors.scss
View file

@ -79,4 +79,11 @@
--color-background: #f4f6fb; --color-background: #f4f6fb;
--color-background-light: #f9fafc; --color-background-light: #f9fafc;
// Social and inboxes brand colors
--color-facebook-brand: #3b5998;
--color-twitter-brand: #1da1f2;
--color-whatsapp-brand: #25d366;
--color-sms-twilio: #f42f46;
--color-cloud-generic: #18b7b0;
} }