Июн
6

Стилизуем веб-инспектор 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

Ссылки

Связанные материалы

  1. Установка Google Chrome в Ubuntu 12.04
  2. Убрать желтый фон у полей с autocomplete в Google Chrome
  3. Google Chrome v.4.0.211.7 Beta

← 
 →

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