Skip to content

Instantly share code, notes, and snippets.

@adrienlachaize

adrienlachaize/Custom Sendbird widget

Created March 13, 2018 04:06
Show Gist options
  • Save adrienlachaize/523042f5479b08094a1367200c17ca83 to your computer and use it in GitHub Desktop.
Save adrienlachaize/523042f5479b08094a1367200c17ca83 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Custom Sendbird widget
// Sendbird widget
#sb_widget
.widget
background-color: $primary !important
&:hover
background-color: darken($primary, 10%) !important
.channel-board .board-top
background-color: $primary !important
.title
color: lighten($primary, 45%) !important
.btn
background-color: lighten($primary, 45%) !important
background-image: none;
.ic-minimize
mask-image: url(https://dxstmhyqfqr1o.cloudfront.net/widget/btn-minimize-default.svg)
-webkit-mask-image: url(https://dxstmhyqfqr1o.cloudfront.net/widget/btn-minimize-default.svg)
.ic-option
mask-image: url(https://dxstmhyqfqr1o.cloudfront.net/widget/btn-option-default.svg)
-webkit-mask-image: url(https://dxstmhyqfqr1o.cloudfront.net/widget/btn-option-default.svg)
.ic-new-chat
mask-image: url(https://dxstmhyqfqr1o.cloudfront.net/widget/btn-new-chat-default.svg)
-webkit-mask-image: url(https://dxstmhyqfqr1o.cloudfront.net/widget/btn-new-chat-default.svg)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment