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 1e903c5f96c352230d4f08e36fe3ee5283659bd7..bc96c799cafa1128a26f8a6a130f0471887fbd4b 100644 (file)
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 a797a065d880a73603b69225ae22bffcaad176c3..4d414c91f80a18e9ee4b2182e4a17b761b0a8342 100644 (file)
--- 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 7a5bbb93e81ae8bdd722b56524bde18addcac38f..b2515fb5aa4c89902f5d6c2df55830094854baba 100644 (file)
--- 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";
 }