Skip to content

thinktip/luci-theme-neobird

Repository files navigation

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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published