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

Nick Marchenko
2 min readSep 6, 2019

Мне всегда нравились тёмные темы в редакторе кода. За последние несколько лет перепробовал много тем и выбрал для себя дефолтную тему 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

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