3

На Youtube есть эта приятная кнопка (легко пропустить - вверху слева видео), которая позволяет "выключить свет": фон сайта меняется с белого на черный, цвет текста меняется с черного на серый. Существует несвязанный плагин для Firefox под названием "Выключил свет", который имеет очень похожую функциональность.

Это делает сайты намного проще для чтения. Однако обе технологии работают только на YouTube. Есть ли что-нибудь, чтобы добиться того же эффекта для всех сайтов? Желательно с Firefox?

Т.е. я хочу иметь очень темный фон и светлый цвет текста на всех сайтах, просматриваемых с помощью Firefox, как я могу это сделать?

3 ответа3

2

Этот пользовательский скрипт будет инвертировать цвета для выбранных веб-сайтов. Чтобы инвертировать цвета на всех сайтах, просто добавьте * в список // @include . Я только что протестировал его, и он будет работать нормально для большинства сайтов, однако сайты, которые сильно зависят от фоновых изображений, могут работать не так хорошо. Сценарий может быть установлен для исключения этих сайтов.

Если вы не знаете, что такое пользовательские скрипты, вам нужен учебник для начинающих.

2

Расширение браузера Turn Off the Lights (Chrome, Safari, Opera, IE) поддерживает все веб-сайты (видео или без видео). Одним щелчком мыши страница становится темной, и есть возможность изменить непрозрачность (до 100% или менее).

Бонус, я читал, есть опция "Защита глаз", которая автоматически выключает свет в выбранное время (например, ночью).

Если вам нужна новая функция, просто сообщите об этом на их странице проекта кода.

0

Пользовательские таблицы стилей.
CSS означает каскадные таблицы стилей. «Каскад» - это порядок, в котором они применяются.

Предполагается, что все веб-презентации (формы, цветовые шрифты, расположение, макет) будут обрабатываться таблицами стилей, хотя некоторые веб-сайты могут по-прежнему использовать HTML-стилизацию, но это лучший выбор для лучших практик и не рекомендуется.

Вверху находятся внешние таблицы стилей, которые могут быть связаны любой страницей на сервере. Следующим шагом являются встроенные таблицы стилей (обычно вверху над HTML в документе страницы), а затем встроенные таблицы стилей (так что вы можете иметь простую таблицу стилей, отменять определенные вещи для конкретной страницы со встроенными стилями или иметь несколько внешних таблиц стилей, связанных над HTML (нижние (в нижних строках) отменяет более высокие), а затем переопределяет определенные элементы в элементе со встроенным стилем, возможно, если вы хотите, чтобы ОДИН абзац на сайте был ярко-красным, жирным и плавающим над прокруткой.

Пользовательские таблицы стилей как часть стандартов доступности идут последними и отменяют все остальное, если вы хотите, чтобы весь ваш текст был размером 36 или все фоны были черными, а текст серым, например.

Я никогда не делал этого, но я думаю, вы просто добавляете CSS для фона и перезапускаете браузер.

body { background-color:#b0c4de; }

Является ли тег CSS для цвета фона (черный - это ffffff или 000000, я забыл). Внешняя таблица стилей не имеет заголовков, только теги.

пример 1 (квалитрик), пример 2 (w3schools)

Так что ваш будет выглядеть примерно так:

body p h1 h2 { background-color: 000000; }
p h1 h2 a { text-color: 818181; }

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .