Изменить цвет кнопок панели инструментов при использовании Quill?

Question

Текущая панель инструментов

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

var toolbarOptions = [
        [{ 'header': [1, 2, 3, false] }],
        ['bold', 'italic', 'underline', 'strike'],
        ['blockquote'],
        [{ 'align': ['', 'center', 'justify'] }],
        [{ 'list': 'ordered'}, { 'list': 'bullet' }],
        [{ 'script': 'sub'}, { 'script': 'super' }]                  
    ];

    var quill = new Quill('#editor', {
        modules: { toolbar: toolbarOptions },
        theme: 'snow'
    });

Answer 1

Возможно стили кнопок и выпадающих меню можно настроить с помощью js, но не удалось найти это в документах. Тем не менее, css по-прежнему вариант - если это работает для вас:

.ql-toolbar .ql-stroke {
    fill: none;
    stroke: #fff;
}

.ql-toolbar .ql-fill {
    fill: #fff;
    stroke: none;
}

.ql-toolbar .ql-picker {
    color: #fff;
}