Перейти к содержанию

Цвет ckeditor


iDreaMs

Рекомендуемые сообщения

Доброго дня всем, подскажите как можно изменить цвет ckeditor если есть 2 стиля в 1 теме (светлый/тёмный)

image.png.c49ea65310717b1ebe6408578428750a.png

image.png.bad4faeedf19073c687bfe1624cf685a.png

Реально ли сделать так чтобы при переключении темы на тёмный - ckeditor также менял свой цвет

Ссылка на комментарий
Поделиться на другие сайты

19 минут назад, iDreaMs сказал:

Реально ли сделать так чтобы при переключении темы на тёмный - ckeditor также менял свой цвет

обратиться к разработчику темы и попросить сделать изменение стиля редактора вместе с изменением стиля на светлый\темный
в принципе можно и самому сделать при помощи js отловить событие смены и подгрузить css темного редактора

Ссылка на комментарий
Поделиться на другие сайты

или поставить другой скин для каждого стиля разный.

я себе поставил скин kama. прекрасно работает на любых стилях, и любых цветов стилей.

Ссылка на комментарий
Поделиться на другие сайты

2 минуты назад, SlawkA сказал:

или поставить другой скин для каждого стиля разный.

я себе поставил скин kama. прекрасно работает на любых стилях, и любых цветов стилей.

Дело в том что тема 1, скин для ckeditor ставится 1
В самой теме просто переключение цвета [Dark / Light] Fluent Design Theme Edition (как был  на твоём форуме :-D)

Ссылка на комментарий
Поделиться на другие сайты

2 минуты назад, iDreaMs сказал:

Дело в том что тема 1, скин для ckeditor ставится 1

ну я и написал про кама. который работает на любых стилях и любого цвета стилях

Ссылка на комментарий
Поделиться на другие сайты

6 минут назад, SlawkA сказал:

ну я и написал про кама. который работает на любых стилях и любого цвета стилях

Kama:

image.thumb.png.1e140a2bc096d4730832114dd01f1cd2.png

Ссылка на комментарий
Поделиться на другие сайты

2 минуты назад, iDreaMs сказал:

Kama

ну таки шо не нравится? :bw:

Ссылка на комментарий
Поделиться на другие сайты

3 минуты назад, SlawkA сказал:

ну таки шо не нравится? :bw:

Так суть вопроса в том, как сделать чтобы при переключении стиля - скин CKeditor - становился тёмным/светлым в зависимости от включённого стиля

Ссылка на комментарий
Поделиться на другие сайты

1 минуту назад, iDreaMs сказал:

Так суть вопроса в том, как сделать чтобы при переключении стиля - скин CKeditor - становился тёмным/светлым в зависимости от включённого стиля

если стили разные? то есть два стиля? можно поставить на стили разные скины. а если стиль один и в нём два цвета? то я думаю ни как.

либо ставить.

для темного стиля можешь поставить moono-dark

 

Спойлер

53097518_(47).thumb.png.55b7c5649b03cbd2df3147189dedabbb.png

мне кажется тут нужно автору стиля замутится на это. что бы свои скины были для редактора. что бы в одном стиле они и переключались когда нужно

Ссылка на комментарий
Поделиться на другие сайты

@ZIKURIKСпасибо огромное, помог сделать:
image.png.5d04bf34a6011cd87e1f47fc43c2feab.png

image.png.34af147b651124d586092da66218bbc3.png

Ссылка на комментарий
Поделиться на другие сайты

30 минут назад, iDreaMs сказал:

@ZIKURIKСпасибо огромное, помог сделать:
image.png.5d04bf34a6011cd87e1f47fc43c2feab.png

image.png.34af147b651124d586092da66218bbc3.png

Решение?

Ссылка на комментарий
Поделиться на другие сайты

В custom.css

image.png.27b81f5ca1cc3f9352225163e1721b4c.png

Ссылка на комментарий
Поделиться на другие сайты

27 минут назад, grant24 сказал:

автоматом переключается?

Да, при смене стиля...

Изменено пользователем iDreaMs
Ссылка на комментарий
Поделиться на другие сайты

Правильные посоны не используют css filter. По феншую это выглядит вот так в custom.css:

.cke_top {
    background: var(--editor-top) !important;
    color: var(--editor-top-text) !important;
}

html.theme--dark {
    --editor-top: #16171d;
    --editor-top-text: #fff;
}

html.theme--light {
    --editor-top: #dadee6;
    --editor-top-text: #757a90;
}

В globalTemplate для темной темы нужно вставить в тег html: <html class="theme--dark">
Для светлой: <html class="theme--light">
Как эту вставку сделать java-скриптом на одной теме, не подскажу.

PS Идею честно стырил из темы Nexxe.

Изменено пользователем Zero108
Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...