luci之如何更改界面的主题（themes）

https://github.com/openwrt/luci/wiki/ThemesHowTo

一、创建主题的框架（目录）

1、创建一个新的主题目录：themes/luci-theme-mytheme

2、在themes/luci-theme-mytheme下创建一个Makefile

include $(TOPDIR)/rules.mk

LUCI_TITLE:=Title of mytheme

include ../../luci.mk
# call BuildPackage - OpenWrt buildroot signature

3、在themes/luci-theme-mytheme下创建以下这些目录和文件

• ipkg
• htdocs
  • luci-static
    • mytheme
• luasrc
  • view
    • themes
      • mytheme
• root
  • etc
    • uci-defaults

4、在luasrc/view/themes/mytheme下创建header.htm和footer.htm文件，header.htm将加载到每一页面的开头，而footer.htm将加载到每一个页面的结束，所以，header.htm需要包含一个页面的 DOCTYPE描述、headers、menu和layout，footer.htm将关闭所有打开的tags，然后会添加一个footer bar。

5、确认我们添加的header.htm以如下：

<%
require("luci.http").prepare_content("text/html")
-%>

正确的正文类型，将确保我们的正文将被发送到客户端（浏览器），当然，我们可以根据正文内容选择适当的正文类型。

6、将那些stylesheets，Javascripts, images,...放到htdocs/luci-static/mytheme.然后，你应该在header和footer中指出这些文件存放的位置，像这样：表示有一个typesheet 存放在 htdocs/luci-static/mytheme/cascade.css, 编写如下

<link rel="stylesheet" type="text/css" href="<%=media%>/cascade.css" />

7、为了确保我们的创建的themes可用并且可选择的，创建文件root/etc/uci-default/luci-theme-mytheme

#!/bin/sh
uci batch <<-EOF
        set luci.themes.MyTheme=/luci-static/mytheme
        commit luci
EOF
exit 0

在/etc/config/luci中可以看到luci.themes.MyThemes=/luci-static/four-faith，说明设置成功。