Форум обсуждения систем  

Вернуться   Форум обсуждения систем "Умный дом", проектов Ардуино, OpenWRT и других DIY устройств > Форум умного дома > Сделай сам > OpenWRT/LEDE

Ответ
 
Опции темы Поиск в этой теме Опции просмотра
Старый 10.02.2018, 18:46   #71
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию

"Запилил" таки я темную тему.
Переделав стандартную по умолчанию:
luci-theme-bootstrap
===
Тема Dark, основные правки здесь:
./openwrt/feeds/luci/themes/luci-theme-dark/htdocs/luci-static/dark/cascade.css

Я закомментировал (на русском) ту часть кода, с которой я разобрался.
Достаточно легко при желании настроить под себя кнопки, поменять иконки, цвет фона и т.д. и т.п.
Цвет шрифта также гибко настраивается.

Так это выглядит:

Развернуть для просмотра









[свернуть]


Выкладываю для "Бета-тестирования", полезные дополнения и предложения только приветствуются
Во вложении готовый пакет:
Код:
Удалить:
opkg remove luci-theme-dark
Установить:
opkg install luci-theme-dark_git-18.039.79865-52b3f19-1_all.ipk
Можно будет собрать с темой прошивку (транк), если подложить размещенный здесь файл: feeds.conf.default.txt
Переименуйте его в feeds.conf.default и закиньте с заменой фалов в ./openwrt/feeds.conf.default

Затем обновите фиды:
Код:
./scripts/feeds clean -a
./scripts/feeds update -a
./scripts/feeds install -a
Выберите тему Dark в 'make menuconfig' и сможете собрать с ней прошивку.

Для желающих покопаться , код здесь в бранче мастер:
https://github.com/user7887/luci
Вложения
Тип файла: txt feeds.conf.default.txt (509 байт, 177 просмотров)
__________________
Читаю ваши мысли по аватару ...

Последний раз редактировалось sunny; 14.02.2018 в 19:41.
sunny вне форума   Ответить с цитированием
Старый 10.02.2018, 21:59   #72
stD
Senior Member
 
Аватар для stD
 
Регистрация: 02.04.2012
Адрес: Питер
Сообщений: 1,125
Вес репутации: 1311
stD has a brilliant futurestD has a brilliant futurestD has a brilliant futurestD has a brilliant futurestD has a brilliant futurestD has a brilliant futurestD has a brilliant futurestD has a brilliant futurestD has a brilliant futurestD has a brilliant futurestD has a brilliant future
По умолчанию

Прикольно. Иконки бы нужно отодвинуть от полей ввода, а так шик!
__________________
istarik.ru
stD вне форума   Ответить с цитированием
Старый 12.02.2018, 18:37   #73
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию

Не смог подменить белый фон графиков - в принципе выглядит нормально.
Описания цветов графиков так и не нашел, пробовал произвольно подсовывать:
Код:
	background-color: #222222;
Без результатно, имхо здесь лучший вариант, кнопки почти черные:

Развернуть для просмотра














[свернуть]

Задал в качестве основных цветов переменные, теперь любой пользователь может поэкспериментировать с цветами, отредактировав заголовок в файле:
./openwrt/feeds/luci/themes/luci-theme-dark/htdocs/luci-static/dark/cascade.css

Код:
html {
/* Цвет основного фона 1 */
--fonn1: #333333;
/* Цвет вспомогательного фона 2 */
--fonn2: #222222;

/* Цвет основного шрифта 1 на основном фоне */
--font1: #FFFFFF;
/* Цвет вспомогательного шрифта 2 на фоне отличном от основного */
--font2: #222222;
/* Цвет выделенного шрифта 1 */
--font3: #1E90FF;
/* Цвет выделенного шрифта 2 при наведении курсора в выпадающей вкладке верхнего бара #32CD32 */
--font4: #FFFFFF;

/* Цвет шрифта надписей на кнопках 1 */
--font5: #FFFFFF;
/* Цвет шрифта надписей на кнопках 2 при наведении курсора #32CD32 */
--font6: #1E90FF;

/* Цвет кнопки 1 кнопки с иконками и без (темный тон, низ): */
--butt1: #000;
/* Цвет кнопки 2 кнопки с иконками и без (светлый тон, верх): */
--butt2: #444444;
/* Цвет кнопки 3 кнопки Save&Apply&Reset (темный тон, низ): */
--butt3: #0064CD;
/* Цвет кнопки 4 кнопки Save&Apply&Reset (светлый тон, верх): */
--butt4: #049cdb;

/* Цвет обрамления кнопки и рамок #FF0000 */
--butt5: #FFFFFF;

/* Цвет больших иконок интерфейсов (темный тон, низ): */
--butt6: #333;
/* Цвет больших иконок интерфейсов (светлый тон, верх): */
--butt7: #474a51;
/* Цвет маленьких иконок интерфейсов (темный тон, низ): */
--butt8: #000;
/* Цвет маленьких иконок интерфейсов (светлый тон, верх): */
--butt9: #444444;

/* Цвет фона выделения - окно загрузки файла прошивки, окно сообщения
* при перезагрузке или ошибки ввода пароля */
/* темный тон */
--fon1: #DDDDDD;
/* светлый тон */
--fon2: #eeeeee;
}
Готовый пакет для установки:
*.ipk.zip
Тема Dark для самостоятельной сборки:
luci-theme-dark.zip
Вложения
Тип файла: zip *.ipk.zip (33.0 Кб, 165 просмотров)
Тип файла: zip luci-theme-dark.zip (17.8 Кб, 101 просмотров)
__________________
Читаю ваши мысли по аватару ...

Последний раз редактировалось sunny; 14.02.2018 в 19:45.
sunny вне форума   Ответить с цитированием
Старый 13.02.2018, 12:45   #74
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию

Проще всего заменить 3 кнопки:
- Сохранить и применить
- Сохранить
- Сбросить



http://shpargalkablog.ru/2012/04/css-knopki.html#on
http://www.internet-technologies.ru/...animaciey.html
https://www.sanwebe.com/css3-button-generator
__________________
Читаю ваши мысли по аватару ...

Последний раз редактировалось sunny; 13.02.2018 в 12:49.
sunny вне форума   Ответить с цитированием
Старый 13.02.2018, 12:49   #75
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию

Можно подменить иконки на свои скопировав их свойства:
- размер
- разрешение
- название


"Но это все цветочки"
__________________
Читаю ваши мысли по аватару ...
sunny вне форума   Ответить с цитированием
Старый 13.02.2018, 12:57   #76
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию

А вот и "ягодки"
===
Правим этот файл:
./openwrt/feeds/luci/themes/luci-theme-dark/htdocs/luci-static/dark/cascade.css
Добавляем всего 2 строчки (выделил красным):
Код:
/* Основные цвета фона */
body {
	background: url(fon.png) no-repeat center center fixed;
	background-size: cover;
	background-color: var(--fonn1);
	margin: 0;
И кидаем сюда свою картинку *.png или *.jpg:

И получаем результат:

Развернуть для просмотра




[свернуть]
Вложения
Тип файла: zip Красная_полоса_пакет.zip (610.2 Кб, 45 просмотров)
__________________
Читаю ваши мысли по аватару ...

Последний раз редактировалось sunny; 14.02.2018 в 19:49.
sunny вне форума   Ответить с цитированием
Старый 13.02.2018, 16:00   #77
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию

Гифки тоже работают:
Код:
/* Основные цвета фона */
body {
	background: url(fon.gif) no-repeat center center fixed;
	background-size: cover;
	background-color: var(--fonn1);
	margin: 0;
Просто демонстрация:
Вложения
Тип файла: zip Пакет_темы_ с _гифкой.zip (777.6 Кб, 56 просмотров)
__________________
Читаю ваши мысли по аватару ...

Последний раз редактировалось sunny; 14.02.2018 в 19:47.
sunny вне форума   Ответить с цитированием
Старый 14.02.2018, 20:03   #78
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию

Для самостоятельного встраивания фонового изоражения под HD экран:
Изображение нужно уменьшать до размеров 1920x896
Высота верхнего бара (полосы) - 40
===
Парочка готовых пакетов темы с фоном под HD экран 1920х1080.

Вложения
Тип файла: zip 1.zip (1.87 Мб, 40 просмотров)
Тип файла: zip 2.zip (1.93 Мб, 39 просмотров)
__________________
Читаю ваши мысли по аватару ...
sunny вне форума   Ответить с цитированием
Старый 14.02.2018, 20:12   #79
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию


Вложения
Тип файла: zip 3.zip (1.17 Мб, 50 просмотров)
__________________
Читаю ваши мысли по аватару ...

Последний раз редактировалось sunny; 15.02.2018 в 11:45.
sunny вне форума   Ответить с цитированием
Старый 14.02.2018, 23:12   #80
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию

Да цвет фона и рамки графиков задается отдельно здесь:
/luci/modules/luci-mod-admin-full/luasrc/view/admin_status/connections.htm
/luci/modules/luci-mod-admin-full/luasrc/view/admin_status/bandwidth.htm
/luci/modules/luci-mod-admin-full/luasrc/view/admin_status/load.htm
/luci/modules/luci-mod-admin-full/luasrc/view/admin_status/wireless.htm
http://cyber-place.ru/showpost.php?p=39223&postcount=9

Развернуть для просмотра



[свернуть]
__________________
Читаю ваши мысли по аватару ...
sunny вне форума   Ответить с цитированием
Ответ


Здесь присутствуют: 11 (пользователей: 0 , гостей: 11)
 

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 02:30. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Яндекс.Метрика