← Все статьи

Туториалы

Полная тёмная тема в расширении, авто-тема и новый переключатель из 3 кнопок

Тёмная тема в расширении JustZix до сих пор была неполной — popup browser-action всегда светил белой поверхностью даже при включённой тёмной теме, а часть модальных окон имела жёстко прописанный чёрный текст на тёмном фоне. В мае 2026 мы выпустили три вещи: полную тёмную тему повсюду, авто-тему, которая следует за операционной системой, и новый переключатель из 3 кнопок вместо одной циклической.

Полная тёмная тема в popup (v3.2.78)

Popup browser-action — окно, которое открывается при клике по иконке расширения в панели браузера — до v3.2.77 всегда был светлым, даже с включённой тёмной темой в панели настроек. Это был старый «реликт» — popup был приделан до появления системы тем. Теперь каждый элемент в popup имеет :hover + правильные цвета в обеих темах; иконка настроек и ссылка на justzix.com также видны на тёмном фоне.

18+ модальных окон получили тёмную тему (v3.2.77)

Тёмная тема ранее охватывала основные виды панели — дерево каталогов, редактор правил, плавающую кнопку. Модальные окна — «Экспорт», «Импорт», «Добавить действие», «Выбор цвета», «Выбор иконки» — использовали жёстко прописанные светлые цвета (чёрный текст на белом), что в тёмной теме давало громкий, нечитаемый контраст. Мы ввели классы modal-subtitle, modal-meta, modal-error, modal-code-input, которые реагируют на смену темы. Каждое поле, баннер, блок кода и селектор в 18+ модальных окнах теперь берёт цвета, подходящие к теме.

Авто-тема — расширение следует за вашей системой (v3.2.78)

Новое значение настройки темы — auto — слушает prefers-color-scheme операционной системы. Включите авто один раз, и расширение:

Ваши предпочтения синхронизируются между устройствами — поставьте auto на ноутбуке, и расширение на телефоне также следует за системой телефона.

Сегментный контрол — 3 кнопки вместо цикла (v3.2.79)

Старая кнопка темы в шапке панели циклически переключала: светлая → тёмная → авто → светлая. Раздражающая часть: чтобы перепрыгнуть с тёмной на светлую, нужно было кликнуть дважды и помнить порядок. Новый переключатель — это сегментный контрол — три кнопки рядом — ☀️ светлая, 🌙 тёмная, ⊙ авто. Кликаете прямо по тому, что хотите. Текущий выбор подсвечен.

Иконка themeAuto — новое пополнение в наборе иконок JustZix — круг с одной заполненной половиной (классический символ автоконтраста / день-ночь).

Где найти переключатель

Переключатель темы находится в шапке панели настроек, прямо рядом с выбором языка. Настройка действует мгновенно — без перезапуска, без перезагрузки; каждое окно (панель настроек, popup browser-action, окна TEMP, окно AI Helper) реагирует моментально.

Почему это важно

Расширение — это инструмент, который вы прикручиваете к своему браузеру — и оно должно быть частью вашей среды, а не островом. Если вы используете тёмную тему браузера, ваша ОС в ночном режиме, а расширение всё равно выстреливает вам в лицо белым popup-ом — это маленький, но постоянный признак «чужого инструмента». Тёмная тема + авто-тема — это жест «мы принадлежим вашей настройке».

См. также

Установить JustZix — и держите тёмную тему синхронизированной с остальной настройкой.

Оцени эту статью

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

Попробуй сам

Установи JustZix и вставь любой сниппет из этой статьи. Две минуты от нуля до работающего правила на всех твоих устройствах.

Получить JustZix

Возможности · Как это работает · Примеры · Применение