Кастомная тема в Chrome DevTools

Nick Marchenko

Мне всегда нравились тёмные темы в редакторе кода. За последние несколько лет перепробовал много тем и выбрал для себя дефолтную тему Monokai.

А потом еще нашёл идеальный шрифт с лигатурами – Fira Code.

Недавно пришла в голову мысль, можно ли сделать в Chrome DevTools такую же тему и шрифт как в привычном редакторе?

Оказалось, что можно, причём очень просто:

1) Идём в настройки за флагами chrome://flags/#enable-devtools-experiments и включаем Developer Tools experiments.
Перезагружаем браузер;

2) Далее идём в настройки DevTools → Experiments и ставим галочку на Allow custom UI themes. Перезапускаем DevTools;

3) Ставим тему из Chrome WebStore, например Monokai, или собираем настраиваемую тему на основе zero-base-themes;

4) Включаем тёмную тему DevTools → Preferences → Theme → Dark;

5) С помощью DevTools Font Changer добавляем любимый шрифт. Всё!

Tеперь цвета и лигатуры есть в DevTools

Nick Marchenko

Written by

Front-end developer, speaker, organizer, numismatist. Interested in design, psychology, web-standards, #a11y, streetart.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade