web-standards-ru / web-standards.ru

https://web-standards.ru
151 stars 92 forks source link

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

Open vitalybaev opened 4 years ago

vitalybaev commented 4 years ago

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

pepelsbey commented 4 years ago

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

akellbl4 commented 3 years ago

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

Скриншоты ![CleanShot 2020-10-18 at 23 11 21](https://user-images.githubusercontent.com/2330682/96378866-b0455600-1197-11eb-9a74-570fd8c144f7.png) ![CleanShot 2020-10-18 at 23 11 11](https://user-images.githubusercontent.com/2330682/96378870-b804fa80-1197-11eb-96c3-404679fe5dae.png) ![CleanShot 2020-10-18 at 23 11 01](https://user-images.githubusercontent.com/2330682/96378871-b9362780-1197-11eb-8da1-b9e9713c4b59.png) ![CleanShot 2020-10-18 at 23 10 30](https://user-images.githubusercontent.com/2330682/96378872-baffeb00-1197-11eb-81e3-b9616a5227a1.png)
pepelsbey commented 3 years ago

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

akellbl4 commented 3 years ago

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

higimo commented 3 years ago

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