[STYLE] Чёрный (тёмный) стиль голоса для ночной работы и чтения за пять минут [УДОБСТВО]

Доброй ночи, совы! Запилил вот для всех нас чёрную тему Голоса. В статье расскажу как её установить и подкорректировать под себя.

Вот так будет выглядеть голос после нехитрых манипуляций по моей инструкции:

Я постарался добавлять минимум правил (пока что) чтобы было легче разобраться во всём. Если вам понравится тёмная тема, можем доработать её вместе с вами. Итак, для начала, нам понадобится совместимый веб-браузер и расширение для него. Подходят:

• Firefox (браузер / страничка расширения)
• Chrome (браузер / страничка расширения)
• Chromium (браузер / страничка расширения)
• Opera (браузер / страничка расширения)
• Vivaldi (браузер / страничка расширения)

Пошаговая инструкция

1. Если у вас установлен браузер отличный от вышеуказанных, придётся поставить любой по вашему выбору.
2. Если любой из указанных браузеров уже есть или вы его поставили, перейдите на соответсвующую страницу по ссылке "страничка расширения".
3. Нажмите кнопку "установить расширение" / "install extension" или аналогичную большую цветную кнопку.
4. Дождитесь установки расширения. В большинстве случаев браузер не придётся перезагружать, но если пришлось - дождитесь, когда он снова откроется.
5. Зайдите на golos.io браузером.
6. Вы увидите новую кнопку на тулбаре аддонов (в зависимости от браузера). Так или иначе кнопка должна выглядеть как квадрат с буквой S. Нажмите на неё и выберите "Add new style / Create new style" ("создать новый стиль" / "новый стиль для этого сайта") или аналогичную.
7. Откроется редактор тем. Выделите следующий код темы:

.Header .menu {background-color: #111}
.Header__top {background-color: #111}
div {background-color: #111}
.article {background-color: #111}
.PostSummary {background-color: #111}
.PostSummary__header>h1>a{color:#33f}
.PostsList__post_container .PostFull {background-color:#111}
body {background-color: #111; color: #ddd}
textarea, input, select {background-color: #111 !important; color: #fff !important}

И вставьте этот код в основное большое текстовое поле.

1. Задайте имя темы (текстовое поле поменьше), например, Dark Golos. Проверьте, что стоит флажок "Включена" ("Enabled").
2. Проверьте что домен для применения темы задан - там должно быть написано golos.io.
3. Нажмите Ctrl+S, либо кнопку Save, либо кнопку Apply.

Должно получиться вот так:

Далее, вкладку с настройками темы (где вы только что нажали Apply) закрывать пока не нужно. Вернитесь во вкладку голоса - всё уже должно было стать чёрным. Если стало, поздравляю, у вас всё получилось. Если нет - пройдите по инструкции внимательно ещё раз или оставьте комментарий с вашим вопросом.

Вот так выглядит редактор:

Я предложил вам оставить вкладку с темой открытой не случайно. Вернувшись в неё, вы с лёгкостью можете настроить цвета элементов: текста и фона, нужно лишь поменять hex-значения цветов в соответствующих пунктах. Поэкспериментируйте или задайте вопрос в комментариях.

Выключать тему можно через кнопку Stylish, снимая соответсвующий флажок "Enabled" ("Включена"). В любой момент можно удобно переключаться между своими темами.

Если вам понравилась моя тема, голосуйте за пост, - я постараюсь доработать её и выложить на userstyles для более удобной загрузки. Да, кстати, если вы не знали - при помощи Stylish можно перекрашивать все ваши любимые сайты, включая google, vkontakte, facebook - все они могут быть чёрными (или просто с другим дизайном\цветом), что снимет нагрузку на глаза и будет очень приятным. Темы для них можно поискать, заходя на любой интересный для вас сайт и нажимая на кнопку Stylish -> Find themes for this site или по адресу userstyles.org.

С вами, как всегда, ваш ночной сторож,
Айтишник и линуксоид
Den Ivanov aka SXIII