![]() |
![]() |
#71 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1600 ![]() ![]() ![]() ![]() ![]() ![]() |
![]()
"Запилил"
![]() Переделав стандартную по умолчанию: 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 и закиньте с заменой фалов в ./openwrt/feeds.conf.default Затем обновите фиды: Код:
./scripts/feeds clean -a ./scripts/feeds update -a ./scripts/feeds install -a Для желающих покопаться ![]() https://github.com/user7887/luci
__________________
Читаю ваши мысли по аватару ... Последний раз редактировалось sunny; 14.02.2018 в 19:41. |
![]() |
![]() |
![]() |
#72 |
Senior Member
Регистрация: 02.04.2012
Адрес: Питер
Сообщений: 1,125
Вес репутации: 1311 ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
![]()
Прикольно. Иконки бы нужно отодвинуть от полей ввода, а так шик!
__________________
istarik.ru |
![]() |
![]() |
![]() |
#73 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1600 ![]() ![]() ![]() ![]() ![]() ![]() |
![]()
Не смог подменить белый фон графиков - в принципе выглядит нормально.
Описания цветов графиков так и не нашел, пробовал произвольно подсовывать: Код:
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
__________________
Читаю ваши мысли по аватару ... Последний раз редактировалось sunny; 14.02.2018 в 19:45. |
![]() |
![]() |
![]() |
#74 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1600 ![]() ![]() ![]() ![]() ![]() ![]() |
![]()
Проще всего заменить 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. |
![]() |
![]() |
![]() |
#75 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1600 ![]() ![]() ![]() ![]() ![]() ![]() |
![]()
Можно подменить иконки на свои скопировав их свойства:
- размер - разрешение - название ![]() ![]() "Но это все цветочки" ![]()
__________________
Читаю ваши мысли по аватару ... |
![]() |
![]() |
![]() |
#76 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1600 ![]() ![]() ![]() ![]() ![]() ![]() |
![]()
А вот и "ягодки"
![]() === Правим этот файл: ./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; ![]() И получаем результат: ![]()
__________________
Читаю ваши мысли по аватару ... Последний раз редактировалось sunny; 14.02.2018 в 19:49. |
![]() |
![]() |
![]() |
#77 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1600 ![]() ![]() ![]() ![]() ![]() ![]() |
![]()
Гифки тоже работают:
Код:
/* Основные цвета фона */ body { background: url(fon.gif) no-repeat center center fixed; background-size: cover; background-color: var(--fonn1); margin: 0; ![]()
__________________
Читаю ваши мысли по аватару ... Последний раз редактировалось sunny; 14.02.2018 в 19:47. |
![]() |
![]() |
![]() |
#78 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1600 ![]() ![]() ![]() ![]() ![]() ![]() |
![]()
Для самостоятельного встраивания фонового изоражения под HD экран:
Изображение нужно уменьшать до размеров 1920x896 Высота верхнего бара (полосы) - 40 === Парочка готовых пакетов темы с фоном под HD экран 1920х1080. ![]() ![]()
__________________
Читаю ваши мысли по аватару ... |
![]() |
![]() |
![]() |
#79 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1600 ![]() ![]() ![]() ![]() ![]() ![]() |
![]()
__________________
Читаю ваши мысли по аватару ... Последний раз редактировалось sunny; 15.02.2018 в 11:45. |
![]() |
![]() |
![]() |
#80 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1600 ![]() ![]() ![]() ![]() ![]() ![]() |
![]()
Да цвет фона и рамки графиков задается отдельно здесь:
/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 ![]()
__________________
Читаю ваши мысли по аватару ... |
![]() |
![]() |
![]() |
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1) | |
|
|