Coder Social home page Coder Social logo

iora-technology / luci-theme-neobird Goto Github PK

View Code? Open in Web Editor NEW

This project forked from thinktip/luci-theme-neobird

0.0 0.0 0.0 11.67 MB

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

License: Apache License 2.0

Shell 0.26% JavaScript 9.40% CSS 74.86% Makefile 0.63% HTML 14.85%

luci-theme-neobird's Introduction

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

luci-theme-neobird's People

Contributors

thinktip avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.