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

2021-03-02 18:27:22 +05:30
parent 89e5f18dfb
commit 2120734f67
2 changed files with 31 additions and 0 deletions
--- a/app/javascript/dashboard/components/layout/SidebarItem.vue
+++ b/app/javascript/dashboard/components/layout/SidebarItem.vue
@@ -164,4 +164,28 @@ export default {
  min-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>
--- a/app/javascript/shared/assets/stylesheets/colors.scss
+++ b/app/javascript/shared/assets/stylesheets/colors.scss
@@ -79,4 +79,11 @@

  --color-background: #f4f6fb;
  --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;
 }