- Сообщения
- 150
- Реакции
- 9
это есть только в CSS, я боролся за то, что бы цвет менялся в зависимости от темы - темная или светлая. Судя по тому что вчера читал - это можно было налету реализовать через fill: currentColor, но ничего не получилось т.к. если как Вы выше заметили если svg встроен как image, то чуда не происходит...
- Сообщения
- 150
- Реакции
- 9
найдите в css файле класс book-title, посмотрите как он связан dark-theme и light-them
Заголовок же меняет цвет. Надо сделать по аналогии.
Заголовок же меняет цвет. Надо сделать по аналогии.
- Сообщения
- 150
- Реакции
- 9
у вас есть такие классы?
body.dark-theme и body.light-them
если вы в этих классах определили переменную currentColor, то она сильнее и будет забивать .dark-theme .meta-logo svg
body.dark-theme и body.light-them
если вы в этих классах определили переменную currentColor, то она сильнее и будет забивать .dark-theme .meta-logo svg
- Сообщения
- 150
- Реакции
- 9
у меня в CSS есть только
}
.meta_logo svg {
fill: currentColor;
}
.light-theme .meta_logo svg {
fill: #000000;
}
.dark-theme .meta_logo svg {
fill: #ffffff;
}
Посмторел я ваш css.
Там тэг body вообще не связан с классами .dark-theme и .light-theme.
Т.е. у вас при переключение темы не факт, что добавляется такой класс. Соответственно, dark-theme .meta_logo svg никогда не появится.
Нужно изучать как меняется тема в epub или в читалках.
Может там тупо добавляется body color: white; background-color: black.
В вашем случае вы откуда-то взяли два класса, которых по факту нет в вашем коде. Надо гуглить как меняется тема в читалках, что добавляется в код, и тогда решим проблему.
Там тэг body вообще не связан с классами .dark-theme и .light-theme.
Т.е. у вас при переключение темы не факт, что добавляется такой класс. Соответственно, dark-theme .meta_logo svg никогда не появится.
Нужно изучать как меняется тема в epub или в читалках.
Может там тупо добавляется body color: white; background-color: black.
В вашем случае вы откуда-то взяли два класса, которых по факту нет в вашем коде. Надо гуглить как меняется тема в читалках, что добавляется в код, и тогда решим проблему.
- Сообщения
- 150
- Реакции
- 9
Когда я это прочитал, то не думал что это превратится в два дня чтения и экспериментов.... Спасибо за Ваше время.
Чтобы разделители и логотип адаптировались под темную тему:
- Создайте их в векторном редакторе, например Inkscape, в черном цвете на прозрачном фоне.
- Сохраните в формат SVG.
- При вставке в EPUB-файл укажите параметр fill="currentColor", чтобы заливка брала текущий цвет темы.
- В CSS EPUB пропишите цвет разделителей для светлой и темной тем соответственно, например:
.dark-theme .divider { color: #ffffff; }
Таким образом разделители будут автоматически менять цвет при смене тем оформления в приложениях для чтения EPUB. Аналогично можно реализовать и для логотипа.
- Сообщения
- 150
- Реакции
- 9
- Сообщения
- 150
- Реакции
- 9
- Сообщения
- 150
- Реакции
- 9
- Сообщения
- 150
- Реакции
- 9
Вы таки нашли серебрянную пулю!! Снимаю шляпу
Подскажите ещё парню из песочницы как логотип в размер загнать, а то он у меня по всей странице растянут, хотя в коде svg размер вроде задан.у класса .meta_logo задайте width: 20% ну или какой подберете удобный размер
в коде он задан, но там такая хитрожопая система пропорций ))
в коде он задан, но там такая хитрожопая система пропорций ))
Последнее редактирование:
- Сообщения
- 150
- Реакции
- 9
.meta_logo это div ?
<div class='meta_logo'><svg></svg></div>
У вас так? попробуйте в пикселях width: 200px
- Сообщения
- 150
- Реакции
- 9
- Сообщения
- 150
- Реакции
- 9