Как сделать текст читабельным и на черном и на белом фоне?

Question

[Noir]

есть картинка она помещается на один ресурс где пользователи могут задавать светлую и темную тему, если картинка на темной теме то белые буквы читаются, а если на светлой то букв не видно
картинка без фона

Answer 1

[Noir]

сменил цвет на ярко синий и помогло

Answer 2

[VeryLongAgoDid]

Можно попробовать для букв задать рамку противоположного цвета. Тогда если буквы светлые, на тёмном фоне рамку будет не видно, а если наоборот, то она создаст контраст между картинкой и фоном

Answer 3

[Антон Усачев]

В css есть есть прекрасное свойство mix-blend-mode, прямо-таки фотошоп в браузере. Можно использовать его.

Набросал пример:

Comments

[Noir]

у меня нету доступа к css

[Антон Усачев]

Noir, тогда варианты такие:
- серый цвет текста, который будет одинаково контрастировать с темным и светлым фонами;
- тень под текст для отбивки от неконтрастного фона.