LuCI design theme for OpenWrt

简体中文 | English

luci-theme-design

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

• luci-theme-design基于luci-theme-neobird二次开发, 适用于lede

• 只支持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