← Все примеры

Действие Внешний вид

Переключатель тёмной темы

Действие, включающее и выключающее тёмную тему одним кликом по кнопке панели.

Код для копирования

(function () {
    var ID = 'jz-dark-toggle-style';
    var existing = document.getElementById(ID);
    if (existing) { existing.remove(); return; }
    var st = document.createElement('style');
    st.id = ID;
    st.textContent =
        'html{filter:invert(1) hue-rotate(180deg)!important;background:#fff!important}' +
        'img,video,picture,canvas,iframe,svg,[style*="background-image"]' +
        '{filter:invert(1) hue-rotate(180deg)!important}';
    document.documentElement.appendChild(st);
})();

Как использовать этот пример

  1. Скопируй код кнопкой выше.
  2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
  3. Добавь новое правило, совпадающее с этой страницей.
  4. Включи панель действий, добавь кнопку во вкладке Действия и вставь в неё код — запускай одним кликом.

Оцени этот пример

Оценок пока нет — оцени первым.

Этот пример работает?

Сниппеты бесполезны, если их некуда вставить.

JustZix устанавливается за 2 минуты и запускает твой код на каждой подходящей странице. Без аккаунта, без оплаты.

Скачать бесплатно Смотреть применение