Как задать свой цвет чата на Yandex Диалогах?

Question

[Эмиль Гарифуллин]

В общем установил я сегодня чат от яндекса, всё бы ничего, но я столкнулся с проблемой, не могу задать цвет чата на своё усмотрение, яндекс предусмотрел только темную и белую кнопку. Порылся в инструментах разработчика, нашел класс и сам цвет :

.ya-chat-button_theme_dark .ya-chat-button__container {
    background-color: #292c33!important;
}

Ясен пень, что мне в мою неквалифицированную голову пришла только мысль о присвоении этому же классу новый цвет с параметром important у себя в style.css, но это не сработало!
Памагити плез

Comments

[Эмиль Гарифуллин]

Владислав Неверов, после ксс файла от яндекса получается...

[Эмиль Гарифуллин]

Владислав Неверов, не совсем понимаю, что за демо чата, ссылку на мой сайт или ссылку на установку чата? Если нужна ссылка на установку чата, то это Яндекс Диалоги и код для встраивания виджета даётся после одобрения модератора.

[Эмиль Гарифуллин]

Владислав Неверов, kupinout.ru

[Эмиль Гарифуллин]

Владислав Неверов, сейчас напишу заново, я удалил запись т.к она не срабатывала...

[Эмиль Гарифуллин]

Владислав Неверов,

.ya-chat-button_theme_dark .ya-chat-button__container {
    background-color: #E70024!important;
}

Прописал, смотрите, его вычёркивает яндекс )

[Эмиль Гарифуллин]

Владислав Неверов,

<script type='text/javascript'>
		(function () {
		    window['yandexChatWidgetCallback'] = function() {
		        try {
		            window.yandexChatWidget = new Ya.ChatWidget({
		                guid: '7147c0c4-e05c-4cfa-868c-b2fabc52158a',
		                buttonText: 'Напишите нам, мы онлайн!',
		                title: 'Онлайн чат',
		                theme: 'dark',
		                collapsedDesktop: 'never',
		                collapsedTouch: 'never'
		            });
		        } catch(e) { }
		    };
		    var n = document.getElementsByTagName('script')[0],
		        s = document.createElement('script');
		    s.async = true;
		    s.src = 'https://chat.s3.yandex.net/widget.js';
		    n.parentNode.insertBefore(s, n);
		})();
	</script>

Здесь получается ничё не подшаманить?

[Эмиль Гарифуллин]

Владислав Неверов,

<style type="text/css">
		.ya-chat-button_theme_dark .ya-chat-button__container {
		    background-color: #red !important;
		}
	</style>
  </head>

Не пашет :(

[Эмиль Гарифуллин]

Владислав Неверов,

<style type="text/css">
	    .ya-chat-button_theme_dark .ya-chat-button__container {
	        background-color: #red !important;
	    }
  	</style>
	<script type='text/javascript'>
		(function () {
		    window['yandexChatWidgetCallback'] = function() {
		        try {
		            window.yandexChatWidget = new Ya.ChatWidget({
		                guid: '7147c0c4-e05c-4cfa-868c-b2fabc52158a',
		                buttonText: 'Напишите нам, мы онлайн!',
		                title: 'Онлайн чат',
		                theme: 'dark',
		                collapsedDesktop: 'never',
		                collapsedTouch: 'never'
		            });
		        } catch(e) { }
		    };
		    var n = document.getElementsByTagName('script')[0],
		        s = document.createElement('script');
		    s.async = true;
		    s.src = 'https://chat.s3.yandex.net/widget.js';
		    n.parentNode.insertBefore(s, n);
		})();
	</script>

[Эмиль Гарифуллин]

Владислав Неверов, Сделал так, не пашет

[Эмиль Гарифуллин]

Владислав Неверов, То есть у меня перед закрывающим боди идёт как раз виджет чата, а я выше него расположил этот код )

[Эмиль Гарифуллин]

Владислав Неверов, Тоже не катит, проверьте ctrl+U

[Эмиль Гарифуллин]

Владислав Неверов, не пашет (

[Эмиль Гарифуллин]

Владислав Неверов, почистил, у вас работает чтоли?

[Эмиль Гарифуллин]

Владислав Неверов, Поставил после скрипта яндекс, почистил кеш - не срабатывает....

[Эмиль Гарифуллин]

Владислав Неверов, и так тоже не сработало, чекните ctrl+U

[Эмиль Гарифуллин]

Владислав Неверов, окей, в любом случае, благодарю вас за помощь )

[Эмиль Гарифуллин]

Владислав Неверов, создал файл chat.js и подключил его в хедере, всё равно не работает

(function () {
    window['yandexChatWidgetCallback'] = function() {
        try {
            window.yandexChatWidget = new Ya.ChatWidget({
                guid: '7147c0c4-e05c-4cfa-868c-b2fabc52158a',
                buttonText: 'Напишите нам, мы онлайн!',
                title: 'Онлайн чат',
                theme: 'dark',
                collapsedDesktop: 'never',
                collapsedTouch: 'never'
            });
        } catch(e) { }
    };
    var n = document.getElementsByTagName('script')[0],
        s = document.createElement('script');
    s.async = true;
    s.src = 'https://chat.s3.yandex.net/widget.js';
    n.parentNode.insertBefore(s, n);
})();

$(document).ready(function(){
$('.ya-chat-button__container').attr( 'style', 'background-color: #fff !important' );
});

[Эмиль Гарифуллин]

Владислав Неверов, капец, сработало!

[Эмиль Гарифуллин]

Владислав Неверов, Спасибо большое!

[Эмиль Гарифуллин]

Владислав Неверов, конечно!)