Стилизуем веб-инспектор Google Chrome

Если вам не нравится стандартная цветовая схема веб-инспектора Google Chrome, вы всегда можете поменять её на любую другую. Для этого достаточно написать свои стили в файле Custom.css.

Стандартная цветовая схема

Web Inspector Google Chrome

Custom.css в разных ОС

ОС Путь
Mac ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
Windows 7 C:UsersYourUsernameAppDataLocalGoogleChromeUser DataDefaultUser StyleSheetsCustom.css
Ubuntu ~/.config/chromium/Default/User StyleSheets/Custom.css

Коллекция тем

IR Blackскачать
Monokai Dark — скачать
Tomorrow Night — скачать
Tomorrow — скачать
Solarized Dark — cкачать
mnml Theme — cкачать
Darker Skin — cкачать
Dark Theme — cкачать

Больше CSS селекторов, которые можно изменить, смотрите по адресу chrome-devtools://devtools/devTools.css

Ссылки

Источник: https://www.kobzarev.com/browser/skin-web-inspector-google-chrome/

Михаил Кобзарёв

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

Добавить комментарий

%d такие блоггеры, как: