Jump to content
  • 17
eralde

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

Question

Recommended Posts

  • 0

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

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

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

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

Edited by AndreBA

Share this post


Link to post
Share on other sites
  • 0

Версия 0.5.80 (2021-03-28):

  • всплывающая подсказка выпадающего меню с расписаниями стилизовна под темную тему (сообщил @AndreBA)
    Скрытый текст

    image.png

     

  • Thanks 1

Share this post


Link to post
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

Share this post


Link to post
Share on other sites
  • 0

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

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

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

 

Без имени.jpg

Share this post


Link to post
Share on other sites
  • 0
В 05.04.2021 в 06:55, plagioklaz сказал:

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

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

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

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

Share this post


Link to post
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 не сделать.

Share this post


Link to post
Share on other sites
  • 0

@eralde Версия ОС 3.7 Alpha 6, версия расширения 0.5.80.

В разделе "Монитор трафика" стал плохо читаем текст:

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

940246904__999(005).thumb.png.3e8bdbb2646624578352f9174d58c61b.png

 

  • Thanks 1

Share this post


Link to post
Share on other sites
  • 0

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

  • исправлен стиль легенды на странице "Монитор трафика" (сообщил @AndreBA)
  • исправлен стиль страницы "Анализатор трафика приложений" (сообщил @AndreBA)
  • Thanks 3
  • Upvote 1

Share this post


Link to post
Share on other sites
  • 0

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

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

 

  • Thanks 1

Share this post


Link to post
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 1
  • Upvote 1

Share this post


Link to post
Share on other sites
  • 0
9 часов назад, eralde сказал:

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

  • исправлен курсор для элементов textarea (сообщил @AndreBA)

Спасибо! Исправлено! 

Share this post


Link to post
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)

Share this post


Link to post
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...