thinktip / luci-theme-neobird Goto Github PK

View Code? Open in Web Editor NEW

451.0 8.0 101.0 11.67 MB

一个专门针对移动端优化的OpenWRT主题，基于luci-theme-material，全新的登录界面，沉浸式Webapp体验。

License: Apache License 2.0

Makefile 0.63% CSS 74.86% JavaScript 9.40% HTML 14.85% Shell 0.26%

openwrt theme luci-theme

luci-theme-neobird's Introduction

luci-theme-neobird

针对移动端优化的Openwrt主题

For Lean's OpenWRT Only https://github.com/coolsnowwolf/lede

六年前用OP，随手把luci-theme-material改成了自己喜欢的Advancedtomato样式因为用了很短时间便没再用OP了，主题也没再管。后来便有了lede固件默认使用material主题的修改版做主题，包括今天的luci-theme-netgear和luci-theme-argon还是我的思路，不过都不是我喜欢的样子。还有一些luci-theme-atmaterial之类的都是当时我的样式表改的，还存在于某些固件中。

前几天又用上了OP做旁路，顺手又改了一把，然后随便找了个LOGO(netgear arlo)，起了个名字，编译了一下。

主要特点：

针对移动端优化，特别适合手机端做为webapp使用；
修改很多细节，尽量视觉统一（但由于luci插件开发不规范，页面结构有些杂乱，难免有些小问题无法修正）；
极简易用设计，移动端去除繁杂信息，隐藏了提示信息（可能并不适合OP新手，请手机横屏查看提示文本）；
简洁的登录界面，底部导航栏，类App的沉浸式体验；
适配深色模式，适配系统自动切换；
全(tou)新(lai)的APP桌面图标；
Retina图片适配。

体验Webapp方法：

在移动端(iOS/iPadOS)浏览器打开管理界面，添加到主屏幕即可。
想要实现完全的沉浸式（无浏览器导航、无地址栏等）体验，需要使用SSL证书，请自行申请域名、证书、安装并启用。
如果不使用SSL证书，基于安全原因，iOS/iPadOS 在打开新的页面后，将会显示浏览器顶部菜单栏。

目前存在的问题

做为旁路由，安装的插件比较少，接口比较少，部分图片不可见则懒得换，可能未来会主动把图片换掉；
部分插件或页面仅通过样式表很难达到完美，需要修改底层页面结构，这部分内容存在于luci源码中；

关于其它

你可以改来自己用，也可以继续优化共享，但如果想改进后共享给他人，请再三确认自己的审美能力，以确保不是丑化我的成果
因为用了arlo的logo，请勿用于商业用途
我可能会在某个时间改掉logo
luci插件众多，不规范的插件可能会存在显示问题，不做保证

预览

自行编译：

cd lede/package/lean  
rm -rf luci-theme-neobird  
git clone https://github.com/thinktip/luci-theme-neobird.git  
cd ~/lede/
make menuconfig #choose LUCI->Theme->Luci-theme-neobird  
make -j1 V=s

luci-theme-neobird's People

Contributors

Stargazers

Watchers

Forkers

ju0632 yinfei1314 osxdiy ythyty 1758976954 mitsukileung ico228 huadao1108 db-one zxlhhyccc iniatall wf-nb su2do cyzzc zhanddkk makeausername chancat87 helmiau kevindoniofficial yomoss han767 zoutianxia molun orenxxx001 cluas gaasiulung migee99 rossdee gavinhomework aachuanga dboykey ganlu510 hahahahachen davinyue yuanxun9 rongcenter xinleibird ha3apoba kenneth-mid iii80 piaoye2019 surfboy2000 tianku1985 lwb1978 crimsonaishia sujiajun techoushen jupeters loveely7 immortalwrt-collections scolate fma89 pangfd bl4ckz0ul cachenow sunchun83 maye459453500 jbt88 nothesong miaoermua hewenhao2008 vpn-v2ray putra-0 kali-urs shinka-router yom998 yangyuw elnet45 hardydan flwh ihotte harleywang shenzhiweilou xsj520 imivey yandong1024 ideadroit peditx thanhnha01 baodongning helloyan xiaiohuan suzanzhang veik gcmscus dns192 daiwenzh5 jia070310 premierepro0516 iora-technology tvlog victor8886 lihorse lanboeh5188 bobyshkin x-firefly infinityhacks guomin-han qlljcf666

luci-theme-neobird's Issues

大佬啥时候支持官方luci呀

等得花都谢了

底栏和vssr的有冲突

能怎么修下呢

不好意思，半年过去了，一直没时间更新，官方版等有机会吧

最近忙着装修房子，伺候孩子，公司事也多，就放下了，等有机会吧，可能是n年后...

主题截图很好看，目前看起来最舒服的样式，可惜了

不兼容最新的 Luci

qsdk固件安装后，点击左侧的菜单-概览，会导致地址错误，但点击底下的主页图标就显示正常

Error on snapshot

OpenWrt SNAPSHOT r19160-7ea2f3d6e2 / LuCI Master git-22.058.70382-d29400e
Version: luci-theme-neobird_1.99-202201272020_all.ipk

/usr/lib/lua/luci/template.lua:97: Failed to execute template 'view'.
A runtime error occurred: /usr/lib/lua/luci/template.lua:97: Failed to execute template 'header'.
A runtime error occurred: /usr/lib/lua/luci/template.lua:97: Failed to execute template 'themes/neobird/header'.
A runtime error occurred: [string "/usr/lib/lua/luci/view/themes/neobird/heade..."]:23: attempt to call field 'node_childs' (a nil value)
stack traceback:
	[string "/usr/lib/lua/luci/view/themes/neobird/heade..."]:23: in main chunk
stack traceback:
	[C]: in function 'error'
	/usr/lib/lua/luci/template.lua:97: in function 'render'
	/usr/lib/lua/luci/dispatcher.lua:696: in function 'include'
	[string "/usr/lib/lua/luci/view/header.htm"]:3: in main chunk
stack traceback:
	[C]: in function 'error'
	/usr/lib/lua/luci/template.lua:97: in function 'render'
	/usr/lib/lua/luci/dispatcher.lua:696: in function 'include'
	[string "/usr/lib/lua/luci/view/view.htm"]:1: in main chunk
stack traceback:
	[C]: in function 'error'
	/usr/lib/lua/luci/template.lua:97: in function </usr/lib/lua/luci/template.lua:85>
	(tail call): ?
	/usr/lib/lua/luci/dispatcher.lua:986: in function 'dispatch'
	/usr/lib/lua/luci/dispatcher.lua:479: in function </usr/lib/lua/luci/dispatcher.lua:478>

安卓设备也能正常使用，只是坚屏时底部导航栏会显示不全

坚屏时底部导航栏会显示不全，少了一个按键，横屏没有问题
在WIN11和手机上，在“接口”里面有些图标会有出现位移

大佬什么时候适配最新的官方luci

目前用的lean源码自己修了一部分，坐等大佬适配新版

theme error /usr/lib/lua/luci/template.lua:55: Failed to execute template 'admin_status/index'.

hi bro, can you help me, i try install into openwrt 21.02, install finished but had a problem, i can not enter into luci dashboard. can you explain me about this? thank you.

error

/usr/lib/lua/luci/template.lua:97: Failed to execute template 'admin_status/index'.
A runtime error occurred: /usr/lib/lua/luci/template.lua:97: Failed to execute template 'header'.
A runtime error occurred: /usr/lib/lua/luci/template.lua:97: Failed to execute template 'themes/neobird/header'.
A runtime error occurred: [string "/usr/lib/lua/luci/view/themes/neobird/heade..."]:23: attempt to call field 'node_childs' (a nil value)
stack traceback:
[string "/usr/lib/lua/luci/view/themes/neobird/heade..."]:23: in main chunk
stack traceback:
[C]: in function 'error'
/usr/lib/lua/luci/template.lua:97: in function 'render'
/usr/lib/lua/luci/dispatcher.lua:700: in function 'include'
[string "/usr/lib/lua/luci/view/header.htm"]:3: in main chunk
stack traceback:
[C]: in function 'error'
/usr/lib/lua/luci/template.lua:97: in function 'render'
/usr/lib/lua/luci/dispatcher.lua:700: in function 'include'
[string "/usr/lib/lua/luci/view/admin_status/index.h..."]:1: in main chunk
stack traceback:
[C]: in function 'error'
/usr/lib/lua/luci/template.lua:97: in function </usr/lib/lua/luci/template.lua:85>
(tail call): ?
/usr/lib/lua/luci/dispatcher.lua:1053: in function 'dispatch'
/usr/lib/lua/luci/dispatcher.lua:483: in function </usr/lib/lua/luci/dispatcher.lua:482>

怎么回事?求帮助
版本 luci-theme-neobird_1.99-202201272020_all.ipk

活动的 IPv6 路由和 IPv6 网上邻居无法横滑

移动端 路由表 页面：openwrt.lan/cgi-bin/luci/admin/status/routes

编译出来的IPK安装后在 “语言和界面” 里找不到可选主题？

用的是 https://github.com/coolsnowwolf/lede 的源码 5.15内核，请问大佬如何解决？

360V6显示问题

固件：LEDE, QSDK
内核：4.4.60

主题是最新版本，其他版本也是同样的问题
问题：
① MWAN3不能加载数据

② 接口图标异常或不显示

③ DHCPv6分配栏错位

大佬，提个小建议，左侧主菜单的颜色能不能加重区分一下？

主题做的非常漂亮，谢谢大佬的辛苦付出。

另外，提个小小的建议：

主菜单（状态、系统、服务等）目前没有加重色，能不能区分一下。

不知道咋描述，类似下面这个做的就挺好。

太可惜了！！！

这么好的主题没有适配最新的luci

大佬，请问底栏图标指向的链接在哪里改呀？

我的固件没编译SSR+，用的是passwall2，想让底栏的小飞机指向PASSWALL2，所以想请问下源码要在哪里修改这个链接

安装后报错红米2100

安装后整页面都出错，只能按之前#6 这位说的改回原有才行/etc/config/luci
/usr/lib/lua/luci/template.lua:97: Failed to execute template 'view'.
A runtime error occurred: /usr/lib/lua/luci/template.lua:97: Failed to execute template 'header'.
A runtime error occurred: /usr/lib/lua/luci/template.lua:97: Failed to execute template 'themes/neobird/header'.
A runtime error occurred: [string "/usr/lib/lua/luci/view/themes/neobird/heade..."]:23: attempt to call field 'node_childs' (a nil value)
stack traceback:
[string "/usr/lib/lua/luci/view/themes/neobird/heade..."]:23: in main chunk
stack traceback:
[C]: in function 'error'
/usr/lib/lua/luci/template.lua:97: in function 'render'
/usr/lib/lua/luci/dispatcher.lua:756: in function 'include'
[string "/usr/lib/lua/luci/view/header.htm"]:3: in main chunk
stack traceback:
[C]: in function 'error'
/usr/lib/lua/luci/template.lua:97: in function 'render'
/usr/lib/lua/luci/dispatcher.lua:756: in function 'include'
[string "/usr/lib/lua/luci/view/view.htm"]:1: in main chunk
stack traceback:
[C]: in function 'error'
/usr/lib/lua/luci/template.lua:97: in function </usr/lib/lua/luci/template.lua:85>
(tail call): ?
/usr/lib/lua/luci/dispatcher.lua:954: in function 'dispatch'
/usr/lib/lua/luci/dispatcher.lua:479: in function </usr/lib/lua/luci/dispatcher.lua:478>

请教一下，想云编译时拉作者的库直接修改 header.htm 把小飞机指向 Passwall，应该怎么弄？

想把 header.htm 里的 shadowsocksr 指向 passwall
云编译时用了下面的脚本

git clone https://github.com/thinktip/luci-theme-neobird package/luci-theme-neobird
sed -i 's/shadowsocksr/passwall/g' package/luci-theme-neobird/luasrc/view/themes/neobird/header.htm

主题顺利编译进去了，但那个 header.htm 文件没有修改成功

应该是我打开的姿势不正确
求助一下应该怎么做

应用主题后会在 /cgi-bin/luci/ 后面会多出两个斜杠号，更换其它主题后正常

应用主题后会在 /cgi-bin/luci/ 后面会多出两个斜杠，如下图

更换其它主题后正常，如下图

不知道是不是个例？

shadowsocksr可以改成openclash吗

非常感谢🙏

红米AX6S定制的supes.top的固件安装主题报错

> > 我的固件没编译SSR+，用的是passwall2，想让底栏的小飞机指向PASSWALL2，所以想请问下源码要在哪里修改这个链接

我的固件没编译SSR+，用的是passwall2，想让底栏的小飞机指向PASSWALL2，所以想请问下源码要在哪里修改这个链接

\usr\lib\lua\luci\view\themes\neobird\header.html 没找到图标在哪改。。

感谢指点，后边的目录好像写了图标的位置
<a href="/cgi-bin/luci/admin/services/shadowsocksr"><img src="<%=media%>/images/ssr.png" /></a>

Originally posted by @Curious-r in #33 (comment)

嗯。。我想多了图片目录就在/www/luci-static/neobird/images

个人建议：
觉得主页面 scroll 也不盖悬浮 footer 更漂亮，再添加一个滚动条样式，超级棒！

非常感谢

清空源码重新编译会比较费时间，所有的文件需要重新下载过

ipk：luci-theme-neobird_1.99
iOS：iphone6s，iPad也一样
OpenWrt：ImmortalWrt 18.06 5.4.162 / LuCI openwrt-18.06-k5.4 branch (git-21.355.72893-3484628)

另外菜单的展开方式，neobird 展开后需要手动滑动，jerrykuku/luci-theme-argon 点击自动展开大部分内容，
当然这是偏好问题，供参考

X86固件安装报错

/usr/lib/lua/luci/template.lua:97: Failed to execute template 'view'.
A runtime error occurred: /usr/lib/lua/luci/template.lua:97: Failed to execute template 'header'.
A runtime error occurred: /usr/lib/lua/luci/template.lua:97: Failed to execute template 'themes/neobird/header'.
A runtime error occurred: [string "/usr/lib/lua/luci/view/themes/neobird/heade..."]:23: attempt to call field 'node_childs' (a nil value)
stack traceback:
	[string "/usr/lib/lua/luci/view/themes/neobird/heade..."]:23: in main chunk
stack traceback:
	[C]: in function 'error'
	/usr/lib/lua/luci/template.lua:97: in function 'render'
	/usr/lib/lua/luci/dispatcher.lua:705: in function 'include'
	[string "/usr/lib/lua/luci/view/header.htm"]:3: in main chunk
stack traceback:
	[C]: in function 'error'
	/usr/lib/lua/luci/template.lua:97: in function 'render'
	/usr/lib/lua/luci/dispatcher.lua:705: in function 'include'
	[string "/usr/lib/lua/luci/view/view.htm"]:1: in main chunk
stack traceback:
	[C]: in function 'error'
	/usr/lib/lua/luci/template.lua:97: in function </usr/lib/lua/luci/template.lua:85>
	(tail call): ?
	/usr/lib/lua/luci/dispatcher.lua:1009: in function 'dispatch'
	/usr/lib/lua/luci/dispatcher.lua:488: in function </usr/lib/lua/luci/dispatcher.lua:487>

网络-接口多LAN口！显示有点问题。

这个主题很好看！就是有一点美中不足在微软edge浏览器下！在网络-接口的LAN口显示超出了！如果能改一下！让图标自动换行就完美了