kenzok8-package/luci-theme-design

LuCI design theme for OpenWrt

English | 简体中文

luci-theme-design

luci-theme-design is an OpenWrt LuCI theme for immersive WebApp experience and optimization on mobile and PC

luci-theme-design based on luci-theme-neobird, suitable for lede / OpenWrt. The default branch only supports the lua version of the lede source code. If you use openwrt 21/22, please pull the js version(Development stage).

• You can use plugins to define Settings.

  • Support changing theme dark/light mode
  • Support display/hide navbar
  • Support for replacing commonly used proxy icons

• Thanks for non-commercial open source development authorization by JetBrains!

Release version

• Lua version select 5.x version
• JS version select 6.x version

Features

• Optimized for the mobile terminal, especially suitable for the mobile terminal as a WebApp
• Modified and optimized the display of many plug-ins, improved icon icons, and unified visuals as much as possible
• Simple login interface, bottom navigation bar, immersive app-like experience;
• Adapt to dark mode, adapt to automatic switching of the system;
• Adapt to openwrt 21/22, lede

Experience WebApp method

• Open the settings management in the mobile browser (iOS/iPadOS, Android Google) and add it to the home screen.
• If the SSL certificate is not used, iOS/iPadOS will display the menu bar at the top of the browser after opening a new page for security reasons.

Optimization

• Fix the white background of the installation package prompt information
• Optimize menu collapsing and zooming
• Optimized to display network port down state display icon
• Optimize logo display
• Added the status icon display of each device
• Replace the logo display with the font "OpenWrt", and support displaying the logo with the host name
• Fix some plug-in display bugs
• Fix vssr status bar
• Fixed many bugs
• Fix compatibility with some plug-in styles
• Fix aliyundrive-webdav style
• Fixed the abnormal display of vssr in iOS/iPadOS WebApp mode
• Fix openclash plugin env(safe-area-inset-bottom) = 0 in iOS/iPadOS WebApp mode
• Optimize menu hover action state resolution
• Support luci-app-wizard wizard menu
• Update header box-shadow style -Update uci-change overflow
• Fix nlbw component
• Support QWRT (QSDK), iStore wizard navigation
• Adapt to OpenWrt 21/22
• Adapt to linkease series icons

Compile

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

• The resource interface icon is not perfect. If you have the ability to draw a picture, you are welcome to pr, but please make sure it is consistent with the existing icon color style
• If there is a bug, please raise an issue
• The theme's personal color matching may not meet the public's appetite, welcome to provide color matching suggestions

Preview

iOS

iPadOS