web-standards.ru icon indicating copy to clipboard operation
web-standards.ru copied to clipboard

Подсветка кода в статьях

Open vitalybaev opened this issue 4 years ago • 5 comments

Как мне кажется, будет удобнее иметь полноценную подсветку кода в блоках в статьях. Веса много не добавит, подключается тоже достаточно просто. Необходимо разве что зафиксировать цвета.

vitalybaev avatar May 28 '20 09:05 vitalybaev

С подстветкой главная проблема в темах: они обычно стандартные и стрёмные, мимо дизайна сайта. Я бы начал с подбора темы, которая может лечь на наши блоки кода в градиентах.

pepelsbey avatar May 28 '20 10:05 pepelsbey

Взял на себя смелость примерить цветовую палитру для подсветки синтаксиса. Использовал официальный плагин @11ty/eleventy-plugin-syntaxhighlight c темой Coy. В целом я думаю цвета еще можно докрутить.

Скриншоты

CleanShot 2020-10-18 at 23 11 21 CleanShot 2020-10-18 at 23 11 11 CleanShot 2020-10-18 at 23 11 01 CleanShot 2020-10-18 at 23 10 30

akellbl4 avatar Oct 18 '20 20:10 akellbl4

Тут, к сожалению, очень сильно просаживается контрастность цветов. Одним из требованием к любой теме должно быть, чтобы контрастность текста к фону не была ниже 4.5.

pepelsbey avatar Oct 18 '20 22:10 pepelsbey

Да, при неоднородном и достаточно ярком фоне в любом случае придётся докручивать цвета.

akellbl4 avatar Oct 19 '20 06:10 akellbl4

@pepelsbey я правильно понимаю, тут недостаточный контраст? image

higimo avatar Jan 16 '21 00:01 higimo