Стилизуем веб-инспектор 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:\Users\YourUsername\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
Ubuntu ~/.config/chromium/Default/User StyleSheets/Custom.css

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

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

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

Ссылки

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>