Меняем скин консоли в Google Chrome

1 минута чтения

Вы не устали отлаживать свои веб-сайты в скучной белой консоле? Когда хочется чего-нибудь необычного в старом окружении? Тогда следующая статья для вас!

white theme
black theme

Хром использует для отображения всех своих страниц технологии HTML5 и CSS3. Все необходимые стили хранится в собственных директориях.
Например стиль custom.css лежит в директории:

Mac OS X:
~/Library/Application/Support/Google/Chrome/Default/User/StyleSheets/

Windows Vista+:
~:Users%username%AppDataLocalGoogleChromeUser DataDefaultUserStyleSheets

Windows XP:
~:Documents and Settings%username%Local SettingsApplication DataGoogleChromeUserDataDefaultUser StyleSheets

Ubuntu:
~/.config/chromium/Default/User/StyleSheets/

Чтобы изменить стиль любого элемента, достаточно внести соответствующие css правки. Даже не нужно думать о кроссбраузерности, вы это делаете исключительно в движке webkit/blink!

В качестве примера приведу неплохую подборку интересных стилей для Google Chrome:
https://plus.google.com/+AddyOsmani/posts/UZF34wPJXsL

Увы, но некоторые стили непроработаны. Например некоторые цвета сообщений имеют нечитаемый ужасный синий цвет:

ужасный синий цвет!
Upd. Поигравшись со сторонними темами, я вернулся на прежнюю «стандартную» тему. Для этого в файле Custom.css очистите все строки.

Upd2. С версии Chrome 77 темная тема уже включена в стандартную поставку браузера.

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