10.02.2018, 18:46 | #71 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
"Запилил" таки я темную тему.
Переделав стандартную по умолчанию: 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. |
10.02.2018, 21:59 | #72 |
Senior Member
Регистрация: 02.04.2012
Адрес: Питер
Сообщений: 1,125
Вес репутации: 1311 |
Прикольно. Иконки бы нужно отодвинуть от полей ввода, а так шик!
__________________
istarik.ru |
12.02.2018, 18:37 | #73 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
Не смог подменить белый фон графиков - в принципе выглядит нормально.
Описания цветов графиков так и не нашел, пробовал произвольно подсовывать: Код:
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. |
13.02.2018, 12:45 | #74 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
Проще всего заменить 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. |
13.02.2018, 12:49 | #75 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
Можно подменить иконки на свои скопировав их свойства:
- размер - разрешение - название "Но это все цветочки"
__________________
Читаю ваши мысли по аватару ... |
13.02.2018, 12:57 | #76 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
А вот и "ягодки"
=== Правим этот файл: ./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. |
13.02.2018, 16:00 | #77 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
Гифки тоже работают:
Код:
/* Основные цвета фона */ 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. |
14.02.2018, 20:03 | #78 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
Для самостоятельного встраивания фонового изоражения под HD экран:
Изображение нужно уменьшать до размеров 1920x896 Высота верхнего бара (полосы) - 40 === Парочка готовых пакетов темы с фоном под HD экран 1920х1080.
__________________
Читаю ваши мысли по аватару ... |
14.02.2018, 20:12 | #79 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
__________________
Читаю ваши мысли по аватару ... Последний раз редактировалось sunny; 15.02.2018 в 11:45. |
14.02.2018, 23:12 | #80 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
Да цвет фона и рамки графиков задается отдельно здесь:
/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
__________________
Читаю ваши мысли по аватару ... |
Здесь присутствуют: 11 (пользователей: 0 , гостей: 11) | |
|
|