LuCI design theme for OpenWrt

简体中文 | English

luci-theme-design

luci-theme-design 是一个针对移动端和PC端的沉浸式WebApp体验和优化的OpenWrt LuCI主题

luci-theme-design基于luci-theme-neobird二次开发, 适用于lede
main支持lede源码的lua版本
js分支开始由papagaye744维护
你可以使用插件定义一些设置
- 支持更改主题深色/浅色模式
- 支持显示/隐藏导航栏
- 支持更换常用的代理图标
感谢 JetBrains 提供的非商业开源软件开发授权！

主要特点

适配移动端响应式优化，适合手机端做为WebApp使用
修改和优化了很多插件显示，完善的设备icon图标，视觉统一
简洁的登录界面，底部导航栏，类App的沉浸式体验
适配深色模式，适配系统自动切换，插件式自定义模式
支持插件式配置主题
流畅度比肩bootstrap

体验WebApp方法

在移动端(iOS/iPadOS、Android谷歌)浏览器打开设置管理，添加到主屏幕即可。

优化

修复安装package提示信息背景泛白
优化菜单折叠和缩放
优化显示网口down状态显示图标
优化logo显示
新增各设备状态图标显示
更换logo显示为字体"OpenWrt"，支持以主机名显示logo
修复部分插件显示bug
修复vssr状态bar
修复诸多bug
修复兼容部分插件样式
修复aliyundrive-webdav样式
修复vssr在iOS/iPadOS WebApp模式下显示异常
修复openclash插件在iOS/iPadOS WebApp 模式下env(safe-area-inset-bottom) = 0
优化菜单hover action状态分辨
支持luci-app-wizard向导菜单
Update header box-shadow style
Update uci-change overflow
Fix nlbw component
支持QWRT(QSDK)、iStore向导导航
适配OpenWrt 21/22 ...

编译

git clone https://github.com/gngpp/luci-theme-design.git  package/luci-theme-design
make menuconfig # choose LUCI->Theme->Luci-theme-design  
make V=s

Q&A

有bug欢迎提issue
主题个人配色可能会不符合大众胃口，欢迎提配色建议

预览

iOS

iPadOS

xydche/luci-theme-design

LuCI design theme for OpenWrt

luci-theme-design

主要特点

体验WebApp方法

优化

编译

Q&A

预览