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

Я думал, что мне придется использовать дополнительные плагины, но все оказалось гораздо проще. Достаточно в свой файл стилей style.css добавить одну-две строчки кода, и картинки становятся не просто полупрозрачными, но и «живыми».

Добавим полупрозрачности. Открываем файл style.css и найдем строчку #content img. Нету? Создадим! Есть? Изменим ее следующим образом:

opacity:0.4 — прозрачность 40%

filter:alpha(opacity=40) — не специалист, но видимо то же самое. Можно согласованно менять эти параметрв от 0 до 100 (соответственно от 0.0 до 1.0).

Теперь сделаем так, чтобы при наведении курсора на картинку она становилась ярче. Для этого добавим сразу после этой строчки такой код:

Понятно, что видимость картинки стала 100%, поэтому она «вспыхивает» при подведении курсора.

Красота!