openwrt-mirror/luci
1
0
Fork 0
mirror of https://github.com/openwrt/luci.git synced 2025-12-21 23:34:34 +04:00
Code Issues Packages Projects Releases Wiki Activity

luci-theme-material: Update brand logo/colors

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

BIN
themes/luci-theme-material/htdocs/luci-static/material/brand.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

6
themes/luci-theme-material/htdocs/luci-static/material/cascade.css
View File

@@ -404,7 +404,7 @@ header > .fill > .container > #logo {
header > .fill > .container > #logo > img { header > .fill > .container > #logo > img {
width: calc(0% + 10rem); width: calc(0% + 10rem);
margin-top: -.1rem; margin-top: -.5rem;
} }
header > .fill > .container > .brand { header > .fill > .container > .brand {
@@ -466,7 +466,7 @@ header > .fill > .container > .status > * {
} }
#modemenu > li > a.active { #modemenu > li > a.active {
background-color: #5bc0de !important; background-color: #002B49 !important;
} }
#modemenu > li.divider { #modemenu > li.divider {
@@ -496,7 +496,7 @@ header > .fill > .container > .status > * {
.notice, .notice,
[data-indicator]:not([data-style="inactive"]) { [data-indicator]:not([data-style="inactive"]) {
background-color: #5bc0de !important; background-color: #002B49 !important;
} }
.error { .error {

6
themes/luci-theme-material/htdocs/luci-static/material/custom.css
View File

@@ -1,6 +1,6 @@
:root { :root {
--main-color: #09c; --main-color: #00B5E2;
--header-bg: #09c; --header-bg: #00B5E2;
--header-color: #fff; --header-color: #fff;
--bar-bg: #5bc0de; --bar-bg: #5bc0de;
--menu-bg-color: #fff; --menu-bg-color: #fff;
@@ -8,6 +8,6 @@
--menu-color-hover: #202124; --menu-color-hover: #202124;
--main-menu-color: #202124; --main-menu-color: #202124;
--submenu-bg-hover: #d4d4d4; --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"; --font-body: "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB";
} }