Jump to content
  • 24

Ночная тема (расширение браузера)


eralde

Question

Recommended Posts

  • 0
50 минут назад, eralde сказал:

Версия 0.5.79 (2021-03-21):

  • расширение корректно поддерживает прошивки >= 3.7 (и все следующие версии 3.x) (сообщил @AndreBA)

Спасибо! Работает с 3.7 Alpha 1

Link to comment
Share on other sites

  • 0

@eraldeВсплывающая подсказка "расписание работы" не раскрашена в "ночной теме".

Скрытый текст

1539790110__996.png.b17118c21436ba1693c4bf6e12737637.png205776868__997.png.00c122813f7feb21cf0723b3cd064507.png

Версия О С3.7 Alpha 3. Версия 0.5.79

Edited by AndreBA
Link to comment
Share on other sites

  • 0

Есть такое расширение Stylus, в котором на любые сайты можно написать свой стиль, в нём можно очень легко сделать тёмную тему.
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
https://addons.mozilla.org/ru/firefox/addon/styl-us/

Вот видео с примером как выглядит: https://files.catbox.moe/x4ieva.mp4 Для наглядности я добавил анимацию по всем цветам радуги (ниже в коде её нету) и показал как изменение параметров влияет на результат.

Вообще этот стиль уникален и подходит любому сайту, кроме третьего блока ".ndm-menu" - это левое меню которое уже тёмное.

Для вставки надо открыть страницу с менеджером, создать новый стиль и воспользоваться кнопкой импортирования стиля, который надо скопировать ниже.

Также советую его подредактировать.

  • invert от 0 до 1 - инвертирует цвета. Также с его помощью можно сделать неярко выраженный чёрный фон, если инвертировать лишь на 0.9 или любое другое дробное после 0.5. Само по себе инвертирование также инвертирует цвета, поэтому понадобится второй параметр для их восстановления или изменения под новую тему.
  • hue-rotate может быть любым, но реально только 360 градусов, так что ±360. Обратите внимание что для второго блока надо поставить ровно наоборот, чтобы цвета картинок или видео сохранялись.
  • brightness от 0 до бесконечности - яркость, если надо подправить
  • saturation от 0 до бесконечности - насыщенность цветов, к примеру если установить в 0,, то все цвета станут серыми оттенками.
  • есть и другие, но они врядли понадобятся. 
@-moz-document domain("192.168.1.1") {
html {
	filter: invert(1) hue-rotate(0deg); /* Настраивайте эти числа */
}
img, video {
	filter: invert(1) hue-rotate(-0deg); /* Здесь для сохранения цветов надо поставить обратное значение */
}
.ndm-menu {
	filter: invert(1) hue-rotate(-180deg);
}

}

К примеру для любителей сероватых тем неплохими параметрами будет 0.9 и 180deg

  • Upvote 1
Link to comment
Share on other sites

  • 0

@eralde Вношу предложение, добавить в расширение возможность установки ярлыков быстрого доступа к любым разделам веб-интерфеса на главной странице.

Каждый пользователь сможет сам решить для себя что ему нужно в ярлыках.

Возможный пример реализации на картинке.

 

Без имени.jpg

Link to comment
Share on other sites

  • 0
В 05.04.2021 в 06:55, plagioklaz сказал:

@eralde Вношу предложение, добавить в расширение возможность установки ярлыков быстрого доступа к любым разделам веб-интерфеса на главной странице.

Каждый пользователь сможет сам решить для себя что ему нужно в ярлыках.

Возможный пример реализации на картинке.

Мне кажется, что это лишнее, потому что все эти пункты есть в боковом меню. Но я подумаю, может быть это не потребует слишком большого количества костылей в дашборде.

Link to comment
Share on other sites

  • 0
В 02.04.2021 в 21:51, XCanG сказал:

Есть такое расширение Stylus, в котором на любые сайты можно написать свой стиль, в нём можно очень легко сделать тёмную тему.
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
https://addons.mozilla.org/ru/firefox/addon/styl-us/
 

Я знаю, что так можно сделать, но мы с исходным заказчиком расширения (@T@rkus) не смогли подобрать вариант на основе общего фильтра. Он, конечно, гораздо проще в поддержке.

А вот остальные вещи (новые ссылки в меню, фильтры устройств) через Stylus не сделать.

Link to comment
Share on other sites

  • 0

Версия 0.5.81 (2021-05-03):

  • исправлен стиль легенды на странице "Монитор трафика" (сообщил @AndreBA)
  • исправлен стиль страницы "Анализатор трафика приложений" (сообщил @AndreBA)
  • Thanks 4
  • Upvote 1
Link to comment
Share on other sites

  • 0

@eralde Если установлено расширение, то в разделе "Другие подключения" - "Параметры VPN-подключения"(возможно и в других) - в окошке "Конфигурация OpenVPN" не возможно перемещать "ползунок". Без расширения все нормально.

Скрытый текст

 

  • Thanks 1
Link to comment
Share on other sites

  • 0

Версия 0.5.84 (2021-05-10):

  • исправлен курсор для элементов textarea (сообщил @AndreBA)
  • добавлены переводы строк из расширения на турецкий язык (помог @yerebakan)
  • "Диагностика": на вкладку с диагностикой DSL-подключения добавлен вывод счетчиков ошибок FEC/CRC/HEC (предложил @yerebakan)
  • в меню добавлена ссылка для перехода на вкладку с диагносткой DSL (только для DSL-устройств)


0.5.84 (10 May 2021):

  • fixed cursor for textarea elements (reported by @AndreBA)
  • added Turkish localization (provided by @yerebakan)
  • "Diagnostics": added FEC/CRC/HEC error counters for DSL connections (suggested by @yerebakan)
  • added menu link to the DSL diagnostics info tab (only for models with built-in DSL modem)
  • Thanks 2
  • Upvote 1
Link to comment
Share on other sites

  • 0

Версия 0.5.85 (2021-05-12):

  • "Другие подключения": добавлена таблица IPIP/GRE/EoIP интерфейсов (в текущей версии -- без редактора; в отладке очень помог @Ranger)

 

0.5.85 (12 May 2021):

  • "Other connections": Added EoIP/IP/GRE connections table (@Ranger helped a lot with debugging)
  • Thanks 3
Link to comment
Share on other sites

  • 0

Версия 0.5.86 (2021-05-16):

  • "Другие подключения": добавлен редактор для IPIP/GRE/EoIP интерфейсов

 

0.5.86 (16 May 2021):

  • "Other connections": Added editor for IPIP/GRE/EoIP interfaces
  • Thanks 2
Link to comment
Share on other sites

  • 0

Версия 0.5.87 (2021-05-17):

  • "Другие подключения": добавлен редактор для IPIP/GRE/EoIP интерфейсов

 

0.5.87 (17 May 2021):

  • "Other connections": Added editor for IPIP/GRE/EoIP interfaces
  • Thanks 2
Link to comment
Share on other sites

  • 0
В 17.05.2021 в 12:55, eralde сказал:

Версия 0.5.87 (2021-05-17):

  • "Другие подключения": добавлен редактор для IPIP/GRE/EoIP интерфейсов

В этом разделе есть небольшой недоперевод:

Скрытый текст

668338170__999(036).png.842ee5b20e5090c586fabfacd5039f32.png

 

  • Thanks 1
Link to comment
Share on other sites

  • 0

@eralde Можно ли в разделе "Общие настройки системы" отображение  по "Сетевые разъемы" сделать как и в "Системном мониторе"?

Скрытый текст

Здесь:

1812466859__999(037).png.70bb073f816a1a1f9c2e8bf9d62a42d3.png

 

Как здесь:

1347603065__999(038).png.18f7927381b094fbb79dcb38b3d61a12.png

 

  • Upvote 1
Link to comment
Share on other sites

  • 0
В 22.05.2021 в 10:09, AndreBA сказал:

@eralde Можно ли в разделе "Общие настройки системы" отображение  по "Сетевые разъемы" сделать как и в "Системном мониторе"?

 

Интересное предложение, надо подумать. И "редактор" этого сделать более человеческий.

  • Thanks 1
  • Upvote 1
Link to comment
Share on other sites

  • 0

Версия 0.5.89 (2021-06-05):

  • "Другие подключения": В редактор для IPIP/GRE/EoIP интерфейсов добавлены зависимости от компонентов прошивки (сообщил @Ranger)
  • "Другие подключения": Исправлен перевод в редакторе для IPIP/GRE/EoIP интерфейсов (сообщили @Ranger и @AndreBA)
  • В расширение добавлены стили для новой страницы "IntelliQoS 2.0" (сообщил @AndreBA)
  • На странице "Общие настройки", в разделе "Сетевые разъемы", выводятся дополнительные данные аналогично дашборду (предложил @AndreBA)
  • На странице настройки расширения добавлен более удобный редактор шаблона с дополнительными данными по портам
     

 

0.5.89 (5 June 2021):

  • "Other Connections: IPIP/GRE/EoIP interfaces editor: added firmware component dependencies (reported by @Ranger)
  • "Other Connections: IPIP/GRE/EoIP interfaces editor: fixed missing translation (reported by @Ranger & @AndreBA)
  • Added styles for the new "IntelliQoS 2.0" page to the extension (reported by @AndreBA)
  • On the "General Settings" page, the "Network ports" section displays additional data similar to the dashboard (suggested by @AndreBA)
  • On the extension settings page, added a more convenient template editor for the additional network ports data


Редактор шаблона / template editor:

  • Thanks 4
Link to comment
Share on other sites

  • 0

Комментарии к работе редактора шаблона в 0.5.89:

  • Шаблоны, отредактированные вручную в предыдущих версиях, использовать не получится
  • Если в шаблон по умолчанию внесены любые изменения -- внутри иконки порта будет отображаться его номер, а не описание; используйте блок "Description" для вывода описания
  • Если что-то не работает -- попробуйте сбросить все данные (кнопка 'Clear extension storage' на странице настроек) и настроить заново

Comments on the template editor in 0.5.89:

  • Templates edited manually in previous versions cannot be used
  • If any changes are made to the default template -- port number will be displayed inside the port icon, not the description; use the "Description" block to display the description
  • If something doesn't work -- try to reset the extension data (the 'Clear extension storage' button on the options page) and reconfigure the template
  • Thanks 2
Link to comment
Share on other sites

  • 0
33 минуты назад, eralde сказал:

Комментарии к работе редактора шаблона в 0.5.89:

 

  • Если в шаблон по умолчанию внесены любые изменения -- внутри иконки порта будет отображаться его номер, а не описание; используйте блок "Description" для вывода описания

Можно по подробнее?

У меня, что то не получается отобразить как было тут:

Скрытый текст

1195581424__821.png.e81494cc8028487fdbb542f0f488cb36.png.2fd4e215d360d0befbed658ef44bfff4.png

Получается только так:

Скрытый текст

630089634__2021-06-05_222330.png.ccb1b8b8d901be2184de75a92b745762.png

 

  • Thanks 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...