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>
This commit is contained in:
Quentin Baker 2022-06-05 21:35:25 -04:00 committed by Quentin Baker
parent d9254563ce
commit b0f13efa9c
3 changed files with 6 additions and 6 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

View file

@ -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 {

View file

@ -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";
}