一个专门针对移动端优化的OpenWRT主题,基于luci-theme-material,全新的登录界面,沉浸式Webapp体验。
Go to file
2022-05-14 09:33:57 +08:00
htdocs/luci-static/neobird Update style.css 2022-02-10 16:57:29 +08:00
luasrc/view/themes/neobird Update header.htm 2022-02-26 07:46:31 +08:00
preview Add files via upload 2022-05-14 09:33:57 +08:00
root/etc/uci-defaults Add files via upload 2022-01-13 20:26:42 +08:00
.gitignore Create .gitignore 2022-01-09 08:44:08 +08:00
LICENSE Create LICENSE 2022-01-08 14:40:10 +08:00
Makefile Update Makefile 2022-02-26 07:54:42 +08:00
README.md Update README.md 2022-04-01 08:08:38 +08:00

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插件众多不规范的插件可能会存在显示问题不做保证

预览

macOS macOS macOS iOS iOS iOS

自行编译:

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