Textbox.io: Можно ли изменить цвет панели инструментов интерфейса?

Question

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

Редактор TextBox.io

С Уважением,

Nuriin

Answer 1

Версия 2.0 Textbox.io включает в себя поддерживаемый способ изменения цвета пользовательского интерфейса. Мы значительно упростили цветовую спецификацию от нашего предыдущего выпуска до нескольких переменных. Больше нет необходимости переопределять наш CSS, как в ответе @miquelarranz.

Answer 2

Я думаю, что самое простое решение - изменить css вручную. Поэтому с помощью инспектора браузера найдите div, содержащий стиль, и выберите нужный вам цвет.

Я думаю, что это стиль:

.ephox-polish-editor-container .ephox-chameleon-toolstrip {
    background-color: yourcolor !important; // I am not sure if you will need !important
}

И если вы хотите изменить тень:

.ephox-polish-editor-container .ephox-chameleon-toolbar:first-child {
    box-shadow: inset 0 -.5em 1em yourcolor !important; // I am not sure if you will need !important
}

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