From b0f13efa9ce45e7b0ad096e0c1bd5e55bec23b8e Mon Sep 17 00:00:00 2001 From: Quentin Baker Date: Sun, 5 Jun 2022 21:35:25 -0400 Subject: [PATCH] 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 --- .../htdocs/luci-static/material/brand.png | Bin 6249 -> 6280 bytes .../htdocs/luci-static/material/cascade.css | 6 +++--- .../htdocs/luci-static/material/custom.css | 6 +++--- 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 1e903c5f96c352230d4f08e36fe3ee5283659bd7..bc96c799cafa1128a26f8a6a130f0471887fbd4b 100644 GIT binary patch literal 6280 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 .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"; } -- 2.30.2