From: Quentin Baker <opensource@quentb.com>
Date: Mon, 6 Jun 2022 01:35:25 +0000 (-0400)
Subject: luci-theme-material: Update brand logo/colors
X-Git-Url: http://git.lede-project.org./?a=commitdiff_plain;h=3b8d38121794ee3aeb462f5d14bab94930004cea;p=project%2Fluci.git

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>
(cherry picked from commit b0f13efa9ce45e7b0ad096e0c1bd5e55bec23b8e)
---

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
Binary files a/themes/luci-theme-material/htdocs/luci-static/material/brand.png and b/themes/luci-theme-material/htdocs/luci-static/material/brand.png differ
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";
 }