Merge pull request #2347 from shunjou/theme-material

luci-theme-material: partial style overhaul

themes/luci-theme-material/htdocs/luci-static/material/custom.css

@@ -1,11 +1,12 @@
-
 :root {
-	--main-color: #0099CC;
-	--header-bg: #0099CC;
-	--header-color: #FFFFFF;
-	--menu-bg-color: #FFFFFF;
-	--menu-color: #404040;
-	--submenu-bg-hover: #D4D4D4;
-	--submenu-bg-hover-active: #0099CC;
+	--main-color: #09c;
+	--header-bg: #09c;
+	--header-color: #fff;
+	--bar-bg: #5bc0de;
+	--menu-bg-color: #fff;
+	--menu-color: #5f6368;
+	--menu-color-hover: #202124;
+	--submenu-bg-hover: #d4d4d4;
+	--submenu-bg-hover-active: #09c;
 	--font-body: "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB";
 }

themes/luci-theme-material/htdocs/luci-static/material/js/script.js

@@ -159,7 +159,7 @@
             $(".main-left").stop(true).animate({
                 width: "0"
             }, "fast");
-            $(".main-right").css("overflow-y", "auto");
+            $(".main-right").css("overflow-y", "visible");
             showSide = false;
         } else {
             $(".darkMask").stop(true).fadeIn("fast");
@@ -179,7 +179,7 @@
             $(".main-left").stop(true).animate({
                 width: "0"
             }, "fast");
-            $(".main-right").css("overflow-y", "auto");
+            $(".main-right").css("overflow-y", "visible");
         }
     });
 

themes/luci-theme-material/luasrc/view/themes/material/header.htm

@@ -206,7 +206,7 @@
 	<div class="fill">
 		<div class="container">
 			<span class="showSide"></span>
-			<img src="<%=media%>/brand.png"/>
+			<a id="logo" href="<%=url("admin/status/overview")%>"><img src="<%=media%>/brand.png" alt="OpenWrt"></a>
 			<a class="brand" href="#"><%=boardinfo.hostname or "?"%></a>
 			<div class="status">
 				<% render_changes() %>