@php
    $messengerColor = auth()->user()->messenger_color;
@endphp

<style>
    /* NProgress background */
    #nprogress .bar{
        background: {{ $messengerColor }} !important;
    }
    #nprogress .peg {
        box-shadow: 0 0 10px {{ $messengerColor }}, 0 0 5px {{ $messengerColor }} !important;
    }
    #nprogress .spinner-icon {
      border-top-color: {{ $messengerColor }} !important;
      border-left-color: {{ $messengerColor }} !important;
    }

    .m-header svg{
        color: {{ $messengerColor }};
    }

    .m-list-active,
    .m-list-active:hover,
    .m-list-active:focus{
        background: {{ $messengerColor }};
    }

    .m-list-active b{
        background: #fff !important;
        color: {{ $messengerColor }} !important;
    }

    .messenger-list-item td b{
        background: {{ $messengerColor }};
    }

    .messenger-infoView nav a{
        color: {{ $messengerColor }};
    }

    .messenger-infoView-btns a.default{
        color: {{ $messengerColor }};
    }

    .mc-sender p{
      background: {{ $messengerColor }};
    }

    .messenger-sendCard button svg{
        color: {{ $messengerColor }};
    }

    .messenger-listView-tabs a,
    .messenger-listView-tabs a:hover,
    .messenger-listView-tabs a:focus{
        color: {{ $messengerColor }};
    }

    .active-tab{
        border-bottom: 2px solid {{ $messengerColor }};
    }

    .lastMessageIndicator{
        color: {{ $messengerColor }} !important;
    }

    .messenger-favorites div.avatar{
        box-shadow: 0px 0px 0px 2px {{ $messengerColor }};
    }

    .dark-mode-switch{
        color: {{ $messengerColor }};
    }
    .m-list-active .activeStatus{
        border-color: {{ $messengerColor }} !important;
    }
    </style>