luci-theme-material: Update brand logo/colors

I have updated the brand.png logo to the 2020 version, and I have
made a small adjustment to the CSS to reflect its slightly larger
vertical height.

I also have made small tweaks to the system theme colors to use
the brand colors as recommended on page 5 of the logo usage
guidelines document avalible at
openwrt/branding/blob/master/openwrt-styleguide.pdf

Signed-off-by: Quentin Baker <opensource@quentb.com>

3 files changed, 6 insertions, 6 deletions

diff --git a/themes/luci-theme-material/htdocs/luci-static/material/brand.png b/themes/luci-theme-material/htdocs/luci-static/material/brand.png
index 1e903c5f96..bc96c799ca 100644
--- a/themes/luci-theme-material/htdocs/luci-static/material/brand.png
+++ b/themes/luci-theme-material/htdocs/luci-static/material/brand.png
diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
index a797a065d8..4d414c91f8 100644
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -404,7 +404,7 @@ header > .fill > .container > #logo {
 
 header > .fill > .container > #logo > img {
 	width: calc(0% + 10rem);
-	margin-top: -.1rem;
+	margin-top: -.5rem;
 }
 
 header > .fill > .container > .brand {
@@ -466,7 +466,7 @@ header > .fill > .container > .status > * {
 }
 
 #modemenu > li > a.active {
-	background-color: #5bc0de !important;
+	background-color: #002B49 !important;
 }
 
 #modemenu > li.divider {
@@ -496,7 +496,7 @@ header > .fill > .container > .status > * {
 
 .notice,
 [data-indicator]:not([data-style="inactive"]) {
-	background-color: #5bc0de !important;
+	background-color: #002B49 !important;
 }
 
 .error {
diff --git a/themes/luci-theme-material/htdocs/luci-static/material/custom.css b/themes/luci-theme-material/htdocs/luci-static/material/custom.css
index 7a5bbb93e8..b2515fb5aa 100644
--- a/themes/luci-theme-material/htdocs/luci-static/material/custom.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/custom.css
@@ -1,6 +1,6 @@
 :root {
-	--main-color: #09c;
-	--header-bg: #09c;
+	--main-color: #00B5E2;
+	--header-bg: #00B5E2;
 	--header-color: #fff;
 	--bar-bg: #5bc0de;
 	--menu-bg-color: #fff;
@@ -8,6 +8,6 @@
 	--menu-color-hover: #202124;
 	--main-menu-color: #202124;
 	--submenu-bg-hover: #d4d4d4;
-	--submenu-bg-hover-active: #09c;
+	--submenu-bg-hover-active: #00B5E2;
 	--font-body: "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB";
 }