设计工具
English

luci-theme-alpha 评测:给 OpenWrt 管理后台换张脸

基于 Bootstrap 和 Material 风格的 OpenWrt LuCI 主题,让路由器后台从上世纪穿越到现代。

cssopenwrttheme

[广告位: article-top] 请在 .env 中配置至少一个广告平台

说实话,OpenWrt 的默认后台界面我一直有点嫌弃。功能确实强,但那股子 Bootstrap 2 的年代感,每次进去都觉得自己在操作一台十年前的设备。直到我刷到 luci-theme-alpha 这个项目——317 个 star 不算多,但作者 derisamedia 明显是懂设计的。

项目背景

这个主题定位很清晰:给官方 OpenWrt 和 Alpha OS 用的 LuCI 主题。它把 Bootstrap 框架和 Material 设计语言的 LuCI 主题做了融合,灵感还参考了 neobird 那个挺有名的 LEDE 主题。代码里 80% 是 CSS,剩下是 HTML 和少量 JS,纯前端改造,不动底层逻辑。

作者自己也挺实诚,项目名里的 “alpha” 就是初版的意思,直言”还没做到完美”。这种不装的态度我反而挺喜欢。

核心功能

1. Material 风格重绘界面

默认 LuCI 那个灰扑扑的界面被彻底翻修。卡片式布局、阴影层级、圆角按钮,整体视觉跟现代 Web 应用接轨。作者还自己画了一套 vanilla css icons,加上 flaticons 的图标,细节处看得出用心。

桌面端界面预览:左侧深色导航栏,右侧白色内容区,卡片式布局清晰分明

2. 移动端适配

这个我必须夸一下。很多 LuCI 主题在手机上根本没法用,alpha 主题做了完整的响应式适配。导航栏自动折叠,表格横向滚动,按钮触控区域也足够大。作者在仓库里放了 3 张移动端截图,不是敷衍了事的那种”能看就行”。

移动端界面:底部固定导航,卡片垂直堆叠,适合手机操作

3. 配套配置包支持

主题本身需要配合 luci-theme-alpha-config 包一起安装。这个配置包提供了额外的主题设置选项,比如颜色模式切换、布局微调之类的。虽然多装一个包有点麻烦,但换来的是更灵活的可定制性。

快速上手

安装不算复杂,但比单装一个主题包要多一步:

# 先装配置包
opkg install luci-theme-alpha-config

# 再装主题
opkg install luci-theme-alpha

# 去 System -> Language and Style 里切换主题

如果你用的是 Alpha OS,可能主题已经预装了,直接去后台切换就行。

优缺点

优点:

  • 视觉效果确实提升明显,Material 风格放在路由器后台很养眼
  • 移动端体验在同类型主题里算上乘
  • 纯 CSS 改造,对系统性能几乎没有额外开销

缺点:

  • 还在 BETA 阶段,作者自己都说不完美,偶尔会遇到样式小问题
  • 必须额外安装配置包,不是”一键换装”那么省事
  • 317 star 的体量意味着社区反馈和迭代速度有限,遇到 bug 可能需要等
  • 对老版本 OpenWrt 的兼容性没明确说明,升级前最好备份

适合人群与总结

如果你跟我一样,每次进 OpenWrt 后台都觉得眼睛难受,那这个主题值得一试。特别是经常用手机查看路由器状态的人,移动端的优化确实贴心。

但要是你追求绝对稳定,或者路由器是”装完就不管”的类型,那默认主题反而更省心。说白了,这是个”颜值党”的玩具,317 个 star 也说明它还没成为大众选择。

我装完用了两周,整体感受是:日常操作舒服多了,但偶尔切到某些冷门设置页,还是会发现样式没覆盖到的地方。作者还在迭代,3.9.7-beta2 是四月初刚更新的,态度是有的。愿意当早期用户的话,可以去 GitHub 点个 star 支持一下。

[广告位: article-bottom] 请在 .env 中配置至少一个广告平台

相关文章